@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@300;400;500;600;700;800;900&display=swap');
:root {
	--color-white: #ffffff;
	--color-black: #2e2e2e;
	--color-light-purple: #d69ece;
	--color-medium-purple: #b16da7;
	--color-soft-purple: #fbf1f8;
	--color-purple: #6e3265;
	--color-dark-purple: #511f4a;
	--color-light-grey: #eeeeee;
	--color-grey: #666666;
	--color-light: #eeeeee;
	--color-blue: #24274C;
	--navbar-height: 100px;
	--transition-duration: 300ms;
	--transition-easing: ease-in-out;
	--font-large: 60px;
	--font-med: 50px;
	--font-lmed: 42px;
	--font-small: 20px;
	--font-xsmall: 14px;
	--font-header: 'Comic Neue', 'Poppins', sans-serif;
	--font-body: 'Domine', 'Poppins', sans-serif;
}
* {
	font-family: var(--font-body);
	font-weight: 400;
}
html {
	background-color: #ffffff;
	scrollbar-width: thin;
}
body {
	font-size: 15px !important;
	padding: 0 !important;
	background: #ffffff;
	color: var(--color-grey);
}
p {
	color: var(--color-grey);
	line-height: 25px;
	font-weight: 300;
}
p:last-of-type {
	margin: 0;
}
li, .checkbox-text {
	color: var(--color-grey);
}
h1, h2, h3, h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	font-family: var(--font-header);
	margin: 0;
	letter-spacing: 0.5px;
	color: var(--color-purple);
	font-weight: 600;
}
a {
	font-weight: 300;
	color: var(--color-grey);
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all var(--transition-duration) var(--transition-easing);
	transition: all var(--transition-duration) var(--transition-easing);
}
a:hover, a:focus {
	color: var(--color-grey);
	cursor: pointer
}
p b, p strong {
	font-family: 'Domine', serif;
	font-weight: 600;
}
button {
	outline: none !important;
}
button:hover {
	cursor: pointer !important;
}.react-datepicker__view-calendar-icon input {
    padding: 6px 0 1px 31px !important;
}
.MuiPickersYear-yearButton.Mui-selected,
.MuiPickersDay-root.Mui-selected {
    background-color: var(--color-purple) !important;
}
.MuiButtonBase-root.MuiButton-root {
	color: var(--color-purple) !important;
}
.no-spinners::-webkit-outer-spin-button,
.no-spinners::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.modal::-webkit-scrollbar {
    width: 0;
}
/* .btn-check:focus + .btn-primary, .btn-primary:focus {} */
/*************************Back to top***********************/
#button {
	display: inline-block;
	background-color: #d4d4d4;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 104px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
}
#button .la {
	line-height: 50px;
	font-size: 24px;
}
#button:hover {
	cursor: pointer;
	background-color: #6e3265;
}
#button:hover .la {
	color: #fff;
}
#button:active {
	background-color: #333;
}
#button.showbtn {
	opacity: 1;
	visibility: visible;
}
.la, .las {
	font-size: 16px;
}
.button {
	display: inline-flex;
}
.form-btn {
	margin: 0;
}
.button a, .form-btn, .onboarding-btn button {
	background: var(--color-purple);
	border-radius: 100px;
	padding: 12px 30px;
	color: var(--color-white);
	border: 2px solid var(--color-purple);
	display: block;
}
.cancel-btn {
	background: var(--color-white);
	color: var(--color-purple);
}
.button a:hover, .form-btn:hover, .onboarding-btn button:hover {
	background: var(--color-dark-purple);
	border: 2px solid var(--color-dark-purple);
}
.cancel-btn:hover {
    color: var(--color-white);
}
.onboarding-btn button {
	display: inline;
	margin: 0 5px;
}
.button a + a {
	margin: 0 0 0 20px;
}
.button .button-outline {
	border: 2px solid var(--color-white);
	background: transparent;
}
.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary:active:focus {
	background: var(--color-dark-purple);
	border: 2px solid var(--color-dark-purple);
	box-shadow: 0 0 0 0 rgba(49, 132, 253, .5);
}
.animsition, .animsition-overlay {
	position: static;
	opacity: 1;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--color-grey);
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
}
/*************************header***********************/
header a, header a span {
	font-weight: 400;
}
.navbar-logo img {
	max-width: 180px;
	height: auto;
}
.top-header {
	/* background: rgba(220, 115, 173, 0.1); */
	border-bottom: 1px solid #ddd;
    padding: 15px 0 10px !important;
}
.search-reg, .login {
	display: inline-block;
	margin: 6px 0;
}
.login button {
	border: 0;
	padding: 0;
	background: transparent;
	color: var(--color-grey);
	margin: 0 0 0 40px;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
.login button:hover {
	background: transparent;
	border: 0;
	color: var(--color-purple);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
.login a {
	margin: 0 0 0 40px;
}
.login a:hover {
	color: var(--color-purple);
}
ul.navbar-nav {
	display: flex;
	margin: 0 auto;
}
.i-icon {
	font-size: 18px;
}
/*************************Hero Banner***********************/
.main {
	/* flex: 1; */
	overflow: hidden;
}
/* .wrapper-inner {
	display: flex;
    flex-direction: column;
    min-height: 100vh;
} */
.welcome {
	position: relative;
	overflow: hidden;
	/*background: rgb(201, 115, 173);
	background: linear-gradient(130deg, rgba(201, 115, 173, 1) 0%, rgba(105, 91, 149, 1) 50%, rgba(0, 141, 186, 1) 100%);*/
}
.hero-banner {
	background: url("../images/banner.png");
	background-size: cover;
	min-height: 400px;
	background-repeat: no-repeat;
	background-position: center -70px;
	margin-top: 2.8em;
}
.hero-img img {
	height: 580px;
	margin: 50px 0 0 0;
}
.hero-text h1 {
	font-size: var(--font-large);
	color: var(--color-white);
	font-family: var(--font-header);
	font-family: var(--font-header);
}
.hero-text h2 {
	color: var(--color-white);
}
.hero-text-info {
	margin: 3rem 0;
}
svg:not(:root) {
	overflow: hidden;
}
svg {
	bottom: 0;
	margin-bottom: -1px;
	position: absolute;
	width: 100%;
	pointer-events: none;
}
.unwanted-gifts {
	padding: 0 10%;
}
.cash-gift path.st0 {
    fill: #fdf8fb;
}
.mobile-hero-banner {
	background: url("../images/homepage_background.png");
	background-size: cover;
	min-height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.upper-container {
	text-align: center;
	margin: 125px 0;
}
.mobile-new-logo img {
	max-width: 250px;
}
.store-info {
	font-size: 18px;
	font-weight: 400;
}
.lower-container {
	text-align: center;
	display: flex;
	flex-direction: column;
    align-items: center;
}
.mobile-link {
	color: var(--color-white);
	font-size: 20px;
	font-weight: 400;
	padding-bottom: 2px;
	border-bottom: 2px solid var(--color-white);
}
.mobile-link:hover {
	color: var(--color-light-grey) !important;
}
.mobile-new-btn {
	background: var(--color-white);
	border-radius: 100px;
	padding: 9px 0;
	color: var(--color-purple);
	border: 2px solid var(--color-white);
	display: block;
	width: 90%;
	font-size: 19px;
	font-weight: 500;
	margin-bottom: 20px;
}
.mobile-new-btn:hover {
	background-color: var(--color-light-grey);
	color: var(--color-purple);
}
.mobile-view-footer p {
	color: var(--color-white);
	margin-bottom: 10px !important;
}
.app-links {
	display: flex;
	gap: 20px;
}
.app-download-image {
	width: 100%;
	max-width: 140px !important;
}
.grecaptcha-badge {
	visibility: hidden;
}
/*************************Navigation***********************/
.navbar {
	position: absolute;
    left: 0;
    width: 100%;
    background-color: var(--color-white);
    z-index: 1000;
    padding: 0;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: position 0.3s ease;
}
.navbar.fixed {
    position: fixed;
    top: 0;
	padding: 4px 0;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding: 10px 5px;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: var(--color-purple);
	font-size: 15.5px;
	font-weight: 450;
}
.visitor-info {
	margin: 30px 0 !important;
}
.nav-link {
	font-size: 15.5px;
}
button.back-arrow {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	margin: 0 5px 0 0 !important;
	color: var(--color-grey);
	position: relative;
	top: 3px;
	overflow: hidden;
	width: 18px;
}
button.back-arrow i {
	font-size: 24px;
	text-shadow: 0.15px 0 currentColor, -0.15px 0 currentColor, 0 0.15px currentColor, 0 -0.15px currentColor;
}
button.back-arrow:hover {
	color: var(--color-purple);
}
/*************************home page***********************/
.spacing {
	height: 100px;
}
.spacing-mid {
	height: 60px;
}
.spacing-small {
	height: 30px;
}
.last-thing-desc p {
	margin: 15px 0;
	font-size: 22px;
	padding: 0 12em;
	line-height: 30px;
}
.last-steps-info-container {
	padding: 15px 320px;
	text-align: left;
}
.how-it-works-container {
	padding: 15px 0;
}
.last-steps-details-container {
	font-size: 16px;
	margin-left: 50px;
	display: block;
}
.last-step-heading {
	font-size: 21px;
	font-weight: 400;
}
.how-it-works-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.easy-gift-sub-text {
	font-size: 17px;
}
.onboarding-btn.add-chrome-btn {
	margin-left: auto;
}
.add-chrome-btn button {
	background: transparent;
	color: var(--color-purple);
	padding: 8px 30px;
}
.point-btn button {
	background: transparent;
	color: var(--color-purple);
	padding: 8px 50px;
}
.point-btn .active-point-btn {
	background-color: var(--color-purple);
	color: white;
}
.or-text-onboard,
.or-text {
	position: relative;
	top: 5px;
	margin: 0 1rem;
	font-size: 1.25rem;
}
.less-bold {
	font-weight: 600;
}
.add-qr-list-container {
	display: flex;
	align-items: center;
}
.qr-btn-container {
	display: flex;
    align-items: center;
	gap: 5px;
}
.arrow-icon {
	margin-left: 10px;
}
.drag-text {
	margin: 0 0 15px 5px;
	font-size: 16px;
	color: var(--color-purple);
	font-style: italic;
}
.add-qr-container {
	text-align: left !important;
	margin-left: 50px;
	padding: 8px 320px;
}
.button .button-qr-outline {
	border: 2px solid var(--color-purple);
	background: transparent;
	color: var(--color-purple);
	padding: 8px 25px;
	font-size: 16px;
	font-weight: 400;
	cursor: grab;
}
.button .qr-btn {
	padding: 6px 25px;
	font-size: 15px;
	background: var(--color-purple);
	color: var(--color-white);
}
.button .button-qr-outline:hover {
	background:  var(--color-purple);
	color: var(--color-white);
}
section p a {
	text-decoration: underline;
}
.store {
	position: relative;
	z-index: 999;
}
.icons-bg {
	background: url("../images/icons.png");
	background-position: center center;
	position: absolute;
	background-size: 100%;
	height: 100%;
	width: 100%;
	top: -20px;
	left: 0;
	z-index: -1;
	background-repeat: no-repeat;
}
.store-img img {
	max-width: 70%;
	height: auto;
}
.heading-med {
	font-size: var(--font-med);
}
.heading-lmed {
	font-size: var(--font-lmed) !important;
}
.light-bg {
	background: #fdf8fb;
}
.brand-logo {
	margin: 40px 0 0;
}
.brands-box p {
	padding-right: 140px;
}
.brand-item a img {
	max-width: 130px;
	height: auto;
}
.brand-item {
	display: grid;
	align-items: center;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	min-height: 90px;
	text-align: center;
	width: 33%;
}
.brand-item:nth-child(10), .brand-item:nth-child(11), .brand-item:nth-child(12) {
	border-bottom: 0;
}
.brand-item:nth-child(3n) {
	border-right: 0;
}
.brand-item img {
	filter: grayscale(1);
	opacity: 0.4;
	-webkit-transition: all var(--transition-duration) var(--transition-easing);
	transition: all var(--transition-duration) var(--transition-easing);
}
.brand-item a:hover img {
	filter: grayscale(0);
	opacity: 1;
	-webkit-transition: all var(--transition-duration) var(--transition-easing);
	transition: all var(--transition-duration) var(--transition-easing);
}
.hero-banner.cash-gift {
	background: url("../images/cash-gifts.png");
	background-size: cover;
	min-height: 500px;
	background-repeat: no-repeat;
	background-position: center -30px;
}
.cash-gift .hero-text h1, .cash-gift .hero-text p, .cash-gift .hero-text p a, .faq h1, .faq p {
	color: var(--color-purple);
}
.cash-gift .hero-text p, .cash-gift .hero-text p a, .faq p {
	font-weight: 400;
}
.padding-all {
	padding: 0 30%;
}
.checklist-box img {
	max-width: 100%;
	height: auto;
}
.faq {
	position: relative;
	background: rgb(255, 210, 233);
	background: linear-gradient(167deg, rgba(255, 210, 233, 1) 0%, rgba(255, 160, 150, 1) 49%, rgba(255, 198, 111, 1) 100%);
}
.question h4 {
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	text-decoration: underline;
}
.post {
	padding: 15px;
}
.post h6 {
	font-size: 16px;
	font-weight: 700;
}
.post-heading p {
	text-decoration: underline;
}
.post a:hover p {
	color: var(--color-purple);
}
.post-img {
	overflow: hidden;
}
.post img {
	max-width: 100%;
	height: auto;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.post a:hover img {
	transform: scale(1.1) rotate(7deg);
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.our-guide .store-box {
	margin: 28px 0 0;
	padding: 0 60px 0 0;
}
.baby-check-heading h1 {
	background-color: var(--color-white);
}
.start-reg {
	position: relative;
	overflow: hidden;
}
.start-reg h1, .start-reg p {
	color: var(--color-white);
}
.start-reg .store-box {
	padding: 8% 28%;
	position: relative;
	z-index: 999999;
}
.start-reg-box {
	position: absolute;
	top: 7%;
	left: 0;
	z-index: 999;
	width: auto;
}
.start-reg-box img {
	max-width: 90%;
	height: auto;
}
.start-reg-box.right-box {
	bottom: -5%;
	right: -2%;
	top: auto;
	left: auto;
}
.start-reg-box.right-box img {
	float: right;
}
.download-btn {
	float: right;
}
.download-btn a {
	display: inline-block;
	overflow: hidden;
	width: 240px;
	margin: 0 0 0 20px;
}
.download-btn a img {
	max-width: 100%;
	height: auto;
	text-align: center;
}
.registry-btn {
	padding: 12px 50px !important;
}
.button-container {
	display: flex;
}
.non-active-btn {
	background-color: var(--color-white) !important;
	color: var(--color-purple) !important;
}
.non-active-btn:hover {
	background-color: var(--color-purple) !important;
	color: var(--color-white) !important;
}
.recaptcha-disclaimer {
	font-size: 12px;
	color: #6b7280;
	text-align: center;
}
/*************************footer***********************/
.footer {
	background: #1b1425;
	padding: 80px 0 20px;
	font-size: 13px;
}
.footer-list h4 {
	color: #a9599d;
	font-size: 17px;
	font-weight: 400;
	margin: 0 0 25px;
}
.footer ul {
	padding: 0;
}
.footer ul li {
	list-style: none;
	line-height: 30px;
}
.footer a:hover {
	text-decoration: underline;
	color: #babec2;
}
.copyright {
	margin: 30px 0 0;
	padding: 0;
}
.copyright-border {
	padding: 20px 0 0;
	border-top: 1px solid rgba(169, 89, 157, 0.2);
}
.mobile-copyright {
	margin: 0;
	text-align: center;
}
.mobile-copyright-line p {
	text-align: center;
}
.social p {
	margin: 0 20px 0 0;
	display: inline-flex;
}
.social ul li {
	float: left;
	margin: 0 6px;
}
.social ul {
	padding: 0;
	display: inline-flex;
	margin: 0;
	align-items: center;
}
.copyright-line p {
	text-align: right;
}
.app-download-image {
	max-width: 100%;
	height: auto;
}
.big-social-icons {
	display: flex;
	list-style: none;
}  
.big-social-icons li {
	margin-right: 18px;
}
.big-social-icons li i {
	font-size: 22px;
}
.div-mobile {
	display: none;
}
.mobile-footer {
    position: fixed;
    bottom: -1px;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 10px 0;
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
}
.circle-icon-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: var(--color-purple);
	color: white;
}
.circle-icon-wrapper:hover {
	background-color: var(--color-dark-purple);
}
.social-icon {
	display: flex !important;
	align-items: center;
	cursor: pointer;
}
.share-info a {
	font-weight: 400;
}
.share-info a:hover {
	color: var(--color-purple);
}
.menu-icon i {
	font-size: 32px;
	color: var(--color-purple);
	line-height: 22px;
	border-radius: 20px;
	padding: 0 6px;
	margin-top: 5px !important;
}
.menu-icon i:hover {
	color: var(--color-white);
	background-color: var(--color-purple);
}
.registry-url-container {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
}
.url-box input{
	margin-bottom: 0 !important;
}
.registry-url-info {
	font-size: 10px;
}
.heading-app-links {
	margin: 0 0 15px 0 !important;
}
/*************************Login popup***********************/
.modal {
	top: 50px;
}
.modal-header, .modal-footer {
	border: 0;
}
.user-box {
	position: relative;
}
.user-box input {
	width: 100%;
	padding: 10px 0;
	font-size: 16px;
	color: #6c757d;
	margin-bottom: 30px;
	border: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	outline: none;
	background: transparent !important;
}
.user-box-checkbox input {
    padding: 10px 0;
	font-size: 16px;
	color: var(--color-grey);
	margin-bottom: 30px;
	border: none;
	border-bottom: 1px solid #ddd;
	outline: none;
	background: transparent;
}
.user-box label {
	position: absolute;
	top: 0;
	left: 0;
	padding: 12px 0 5px;
	color: var(--color-grey);
	pointer-events: none;
	transition: .5s;
}
.user-box input:focus ~ label, .user-box input:valid ~ label, .user-box input:disabled ~ label {
	top: -20px;
	left: 0;
	color: var(--color-purple);
	font-size: 12px;
}
.user-box input:focus {
	border-bottom: 1px solid var(--color-purple);
}
.user-box a {
	text-decoration: underline;
}
.user-box a:hover {
	color: var(--color-purple);
}
.modal-footer button {
	width: 100%;
}
.modal-footer {
	display: block;
	text-align: center;
}
.user-box.or {
	margin: 20px 0;
}
.adjust-modal-footer {
	margin-bottom: -90px !important;
}
.social-btn a {
	box-shadow: 0 3px 6px #00000029;
	border-radius: 20px;
	padding: 10px 20px;
	text-decoration: none;
	margin: 0 0 12px;
	display: inline-block;
	background: #fff;
	min-width: 230px;
}
.btn-fix a {
	min-width: unset;
}
.user-box a.social-login-btn:hover {
    background-color: var(--color-light);
	color: var(--color-grey);
}
.apple-social-btn a img {
    margin-bottom: 3px;
}
.form-control.is-invalid {
	background-image: none;
}
.form-control.is-invalid:focus {
	box-shadow: none !important;
}
.validation {
	margin-top: -30px !important;
	margin-bottom: 10px !important ;
	font-size: 12px;
}
.validation-login-main {
	margin-top: -22px !important;
	margin-bottom: 10px !important ;
	font-size: 14px; 
	font-weight: 400;
}
.validation-pass {
	margin-top: -20px !important;
	margin-bottom: 40px !important ;
	font-size: 12px;
}
.btn-primary.main-btn {
	background-color: var(--color-purple);
	border: 2px solid var(--color-purple);
}
.btn-primary.main-btn:hover {
	background-color: var(--color-dark-purple);
}
.btn-primary.add-gift-login-btn {
	background-color: var(--color-purple);
	border: 2px solid var(--color-purple);
	width: 60%;
}
.invalid-request {
	color: #dc3545;
}
.invalid-request:hover {
	color: #dc3545 !important;
}
/*************************onboarding process***********************/
.onboarding-process {
	overflow: hidden;
	background: rgb(255, 227, 242);
	background: linear-gradient(167deg, rgba(255, 227, 242, 1) 0%, rgba(255, 255, 255, 1) 49%, rgba(251, 206, 255, 1) 100%);
	position: relative;
	min-height: 100vh;
	z-index: 999;
}
.onboarding-process:before {
	background: url("../images/process-icon.png");
	background-position: center center;
	content: "";
	width: 100%;
	position: absolute;
	top: 0px;
	height: 100%;
	left: 0;
	background-size: cover;
	opacity: 20%;
	z-index: -11;
}
.login-text p {
	position: absolute;
	text-align: center;
	left: auto;
	right: 20px;
	top: 10px;
}
.login-already {
	color: var(--color-purple);
	font-weight: 400;
}
.back-btn-text p {
	position: absolute;
	left: 20px;
	top: 10px;
}
.back-button {
	text-decoration: none;
	color: var(--color-purple);
	font-weight: 400;
}
.registry-box {
	background: #fff;
	box-shadow: 0 2px 6px #00000029;
	border-radius: 20px;
	min-height: 242px;
}
.registry-box button {
	display: block;
	padding: 20px;
	width: 100%;
	border: 0;
	background: transparent;
}
.registry-box h4 {
	font-size: 18px;
	margin: 10px 0 20px;
	font-weight: 600;
	text-transform: uppercase;
	min-height: 20px;
	position: relative;
}
.registry-box:hover {
	background: #fbfbfb;
}
.partner-name {
    display: table;
    margin: 0 auto;
}
form.signup-form, .login-form {
	max-width: 550px;
	margin: 0 auto;
}
form span.alert-msg {
	font-size: 12px;
	color: var(--color-grey);
}
.checkbox {
	display: block;
	margin: 20px 0;
	position: relative;
}
.checkbox-container {
	display: flex;
	align-items: center;
}
.user-box .checkbox input {
    width: auto;
    position: relative;
    top: 1px;
    margin: 0 5px 0 0;
}
.user-box .checkbox label.checkbox-text {
	font-size: 16px;
	color: var(--color-grey);
	padding: 0;
	position: relative;
	margin: 0;
	top: 0;
	pointer-events: all;
}
.user-box .form-btn {
	width: 100%;
}
.progress {
	border-radius: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999999999;
	width: 100%;
	background: transparent;
}
.progress-bar {
	background: rgb(201, 115, 173);
	background: linear-gradient(167deg, rgba(201, 115, 173, 1) 0%, rgba(105, 91, 149, 1) 49%, rgba(0, 141, 186, 1) 100%);
}
.process-heading h4 {
	font-weight: 400;
	line-height: 30px;
}
.arrival-date {
	width: 60%;
	margin: 0 auto;
	text-align: left;
}
.user-box select {
	border: 0;
	background: transparent;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	padding: 10px 0;
	box-shadow: 0 0 0 0 rgba(13, 110, 253, .25);
	color: var(--color-grey);
}
.user-box select:hover, .user-box select:focus, .user-box select:active {
	border: 0;
	background: transparent;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 0 0 0 rgba(13, 110, 253, .25);
	color: var(--color-grey);
}
.select-wrapper {
	position: relative;
}
.step {
	margin: 0 0 40px;
}
.product-column .select-wrapper:after {
	top: 10px;
}
.select-wrapper:after {
	position: absolute;
	font-family: 'Line Awesome Free';
	font-weight: 900;
	display: block;
	width: 20px;
	height: 20px;
	top: 7px;
	right: 5px;
	content: "\f107";
	color: var(--color-purple);
	font-size: 15px;
}
.customized-select select:focus {
	padding: 10px;
}
.partner-name a {
	display: inline-block;
	padding: 10px 20px;
	background: transparent;
	border: 2px solid var(--color-grey);
	margin: 0 5px 20px;
	color: var(--color-grey);
	text-decoration: none !important;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 20px;
	border-radius: 10px;
}
.partner-name a:hover, .partner-name a:active, .partner-name a:focus {
	background: var(--color-light);
	color: var(--color-grey);
}
.validation-signup {
	margin-top: -3px !important;
	font-size: 12px;
}
.disabled-button {
	opacity: 0.5; 
	pointer-events: none;
}
.custom-link {
	text-decoration: none;
	color: var(--color-purple);
}
.custom-link:hover {
	text-decoration: underline;
	color: var(--color-purple);
}
.text-justify {
	text-align: justify;
}
.privacy, .about-us, .blog-container {
	padding: 0 40px;
}
.form-heading {
	margin-top: 20px;
	padding: 0 180px;
}
.additional-setting {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.user-box.partner-name {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.skip-container {
	margin-top: 20px;
}
.skip-btn-text {
	color: var(--color-purple);
	font-size: 1.1em;
}
.skip-btn-text:hover {
	color: var(--color-dark-purple);
	text-decoration: underline;
}
.skip-btn-text:focus {
	box-shadow: none;
}
.adjust-space {
	margin-top: 2em;
}
.f-stp-heading {
	line-height: 30px;
}
.custom-radio {
	accent-color: var(--color-purple);
	width: 18px;
	height: 18px;
	cursor: pointer;
}
.radio-option {
	display: flex;
	gap: 8px;
}
/*************************Back to top***********************/ /* hover dropdown menus */
/* Main CSS */
.navbar ul {
	list-style: none;
}
.navbar ul a {
	text-decoration: none;
}
.navbar .navbar-utils > * {
	cursor: pointer;
}
.navbar-nav {
	display: flex;
	list-style: none;
}
.navbar-nav .nav-item {
	margin: 0 20px;
	position: relative;
}
.nav-item .nav-link.active:before, .nav-item .nav-link:hover:before {
	border: solid var(--color-purple);
	border-width: 0 2px 2px 0;
}
.navbar-nav > .nav-item:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background: var(--color-purple);
	bottom: 0px;
	transition: 400ms ease;
	transform: scaleX(1.2);
	opacity: 0;
}
.navbar-nav > .nav-item:hover:after {
	transform: scaleX(1);
	opacity: 1;
}
.navbar-toggler {
	padding: 0.1rem 0.45rem;
	cursor: pointer;
	font-size: 1.5rem;
	background: none;
	outline: none;
	border: 1px solid #636363;
	border: none;
	border-radius: 3px;
	transition: 0.15s linear;
	display: none;
	margin-left: auto;
}
.navbar-toggler:hover, .navbar-toggler:focus {
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
}
/* Dropdown CSS */
.nav-item .dropdown {
	width: 205px;
	display: block;
	position: absolute;
	top: 42px;
	transition: 300ms;
	padding: 10px 5px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(5px);
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	background: #fff;
	z-index: 999;
	box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.15);
}
.nav-item .dropdown .nav-link {
	color: #636363;
}
.nav-item .dropdown .dropdown {
	top: 0;
	left: calc(100% + 20px);
	border-top: 0;
	border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.nav-item .dropdown .dropdown:before {
	top: 10px;
	left: -10px;
	border: 5px solid transparent;
	border-right-color: #000;
}
.nav-item .dropdown:before {
	content: "";
	position: absolute;
	top: -10px;
	left: 10px;
	border: 5px solid transparent;
	border-bottom-color: #000;
	display: none;
}
.nav-item:hover > .dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}
.nav-item:hover > a::before {
	transform: rotate(90deg);
}
.nav-close {
	margin-left: auto;
	margin-top: 10px;
	display: none;
}
.nav-close .btn-nav-close {
	outline: 0;
	background: transparent;
	font-size: 2.5rem;
	cursor: pointer;
	width: 25px;
	height: 25px;
	border: 1.5px solid var(--color-grey);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-grey);
}
.nav-close .btn-nav-close .close-btn {
	transform: rotate(45deg);
}
.nav-close .btn-nav-close:hover, .nav-close .btn-nav-close:focus {
	background: var(--color-purple);
	color: #fff;
	border: 1.5px solid var(--color-purple);
}
.nav-item.icon > a:before {
	content: "";
	position: absolute;
	right: -10px;
	top: 16px;
	border: solid rgba(0, 0, 0, .55);
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
/* Responsive (navbar alignments options) */
@media (min-width: 992px) {
	.navbar-brand, .navbar-utils {
		flex: auto;
	}
	.navbar-nav {
		flex: 2;
		justify-content: center;
	}
	.navbar-utils {
		text-align: right;
	}
	.navbar-right .navbar-brand, .navbar-right .navbar-utils {
		flex: initial;
	}
	.navbar-right .navbar-nav {
		justify-content: flex-end;
		margin-right: 20px;
	}
	.navbar-left .navbar-nav {
		order: 1;
		justify-content: flex-start;
	}
	.navbar-left .navbar-brand {
		order: 2;
	}
	.navbar-left .navbar-utils {
		order: 3;
	}
	.navbar-right .dropdown .dropdown {
		left: unset;
		right: calc(100% + 20px);
		border-top: 0;
		border-right: 1px solid rgba(0, 0, 0, 0.15);
	}
}
/* Nav Option (Logo Center) */
@media (min-width: 992px) {
	.navbar-left .navbar-brand {
		text-align: right;
	}
	.navbar-left .navbar-toggler {
		display: block;
		margin-right: 0;
	}
	.navbar-left .navbar-nav {
		background: #ffffff;
		flex-direction: column;
		z-index: 99999;
		padding: 0 20px;
		opacity: 0;
		transition: 400ms ease;
		/* Sidebar */
		position: fixed;
		left: 0;
		top: 0;
		width: 300px;
		height: 100%;
		overflow-y: auto;
		box-shadow: 0px 0px 0 2000px rgba(0, 0, 0, 0.5);
		transform: translateX(-300px);
	}
	.navbar-left .navbar-nav .nav-link {
		margin: 10px 0;
		color: #636363;
		display: flex;
		align-items: center;
	}
	.navbar-left .navbar-nav > .nav-item:first-child {
		margin-top: 20px;
	}
	.navbar-left .navbar-nav > .nav-item:last-child {
		margin-bottom: 20px;
	}
	.navbar-left .navbar-nav .nav-item:not(:last-child) {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.navbar-left .navbar-nav > .nav-item:after {
		display: none;
	}
	.navbar-left .navbar-nav .nav-close {
		display: block;
	}
	.navbar-left .navbar-nav.active {
		max-height: initial;
		opacity: 1;
		transform: translateX(0);
		left: 0;
		box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.5);
	}
	.navbar-left .nav-item .dropdown {
		padding: 0;
		position: initial;
		max-height: 0;
		width: initial;
		border: none;
		box-shadow: none;
	}
	.navbar-left .nav-item .dropdown .dropdown {
		border: none;
	}
	.navbar-left .nav-item .dropdown:before {
		display: none;
	}
	.navbar-left .nav-item:hover > .dropdown {
		opacity: 1;
		visibility: visible;
		transform: translateY(0px);
		max-height: initial;
	}
	.navbar-left .nav-item.icon a:before {
		top: unset;
		right: 0;
	}
}
/* Responsive navbar */
@media (max-width: 991px) {
	.navbar-toggler {
		display: block;
	}
	.navbar-nav {
		background: #ffffff;
		flex-direction: column;
		z-index: 99999;
		padding: 0 20px;
		opacity: 0;
		transition: 400ms ease;
		/* Sidebar */
		position: fixed;
		left: -300px;
		top: 0;
		width: 300px;
		height: 100%;
		overflow-y: auto;
		transform: translateX(-300px);
	}
	.navbar-nav .nav-link {
		margin: 10px 0;
		color: #636363;
		display: flex;
		align-items: center;
	}
	.navbar-nav > .nav-item:first-child {
		margin-top: 20px;
	}
	.navbar-nav > .nav-item:last-child {
		margin-bottom: 20px;
	}
	.navbar-nav .nav-item:not(:last-child) {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.navbar-nav > .nav-item:after {
		display: none;
	}
	.navbar-nav .nav-close {
		display: block;
	}
	.navbar-nav.active {
		max-height: initial;
		opacity: 1;
		transform: translateX(0);
		left: 0;
		box-shadow: 0px 0px 0 10000px rgba(0, 0, 0, 0.5);
	}
	.nav-item .dropdown {
		padding: 0;
		position: initial;
		max-height: 0;
		width: initial;
		border: none;
		box-shadow: none;
	}
	.nav-item .dropdown .dropdown {
		border: none;
	}
	.nav-item .dropdown:before {
		display: none;
	}
	.nav-item:hover > .dropdown {
		opacity: 1;
		visibility: visible;
		transform: translateY(0px);
		max-height: initial;
	}
	.nav-item.icon a:before {
		top: unset;
		right: 0;
	}
}
/*************************dashboard***********************/
.email-header {
	background: rgb(255, 170, 86);
	height: 5vh;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2.85em;
}
.email-banner p {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}
.email-banner p a {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	margin-right: 3px;
	text-decoration: underline;
}
.email-modal-body {
	margin: 30px 0 35px 0;
}
.user-email {
	font-weight: 500;
}
.right-box-overlay {
	position: relative;
}
button.log-out {
	color: var(--color-grey);
	border: none;
	background: transparent;
	cursor: pointer;
}
button.log-out-header {
	margin: 10px 0 0 30px;
}
ul.overlay {
	position: absolute;
	margin: 0;
	padding: 0;
	width: auto;
	right: 0;
	background: #fff;
	z-index: 1010;
	transform-origin: top;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
	transform: rotateX(-90deg);
	transition: 0.5s;
}
ul.active-overlay {
	transform: rotateX(0deg);
}
ul.overlay li {
	list-style: none;
}
ul.overlay li a {
	display: block;
	padding: 8px 20px;
	text-align: left;
	margin: 0;
	text-decoration: none;
	background: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	transition: 0.5s;
}
ul.overlay li:last-child a {
	border: 0;
}
ul.overlay li a:hover {
	color: var(--color-purple);
	cursor: pointer;
}
.main-dashboard {
	padding: 90px 0;
}
.dashboard {
	max-width: 80%;
	margin: 0 auto;
}
.user-dashboard {
	padding: 30px;
	background: #f5f5f5;
}
.user-stats ul {
	padding: 25px 0;
	margin: 15px auto 0;
	display: block;
	overflow: hidden;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}
.user-stats ul li {
	list-style: none;
	display: grid;
	width: 25%;
	margin: 0;
	align-items: center;
	float: left;
	transition: all 0.3s;
}
.user-stats ul li:hover a h6, .user-stats ul li:hover a h4 {
	color: var(--color-purple);
	transition: all 0.3s;
}
.user-stats h6 {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
	color: var(--color-grey);
	margin: 0 0 10px;
}
.user-stats h4 {
	color: var(--color-grey);
	font-weight: 100;
}
.header {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
	z-index: 9999;
}
.baby-stats {
	overflow: hidden;
}
.baby-date {
	float: left;
}
.icons-right {
	float: right;
	margin: 0;
}
.icons-left {
	float: left;
	margin: 12px 0 0 20px;
}
.baby-date p {
	font-weight: 500;
	float: left;
}
.baby-date i {
	float: left;
	margin: 4px 0 0 10px;
	color: var(--color-purple);
}
.filter-part {
	display: inline-flex !important;
	align-items: baseline;
	margin: 0 20px 0 0;
}
.filter-part label {
	margin: 0 10px 0 0;
}
.form-control {
	color: var(--color-grey);
	font-size: 15px;
}
.form-control:focus {
	color: var(--color-grey);
	background-color: #fff;
	border-color: #ced4da;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0);
}
.primary-button button {
	border: 0;
	padding: 0;
	background: transparent;
	color: var(--color-purple);
	text-decoration: underline;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
.top-filter {
	overflow: hidden;
}
.filter-box {
	float: left;
}
.bottom-filter {
	overflow: hidden;
	padding: 20px 0;
}
.how-add-gifts {
	float: right;
}
.add-gifts button {
    margin: 3px 0 0;
}
.edit-gift-btn {
	padding: 8px 30px !important;
	font-size: 16px;
}
.ways-to-add-gifts {
    margin: 40px auto 0;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0,0,0,.1);
}

.ways-to-add-gifts h4 {
    font-weight: 400;
    margin: 0 0 10px;
}
.gift-btn button {
    border: 0px solid var(--color-purple);
    padding: 8px 20px;
    border-radius: 100px;
    background: var(--color-purple);
    color: #fff;
    margin: 0 0 20px;
}
.share-registry {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--color-purple);
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 20px 0 0;
}
.share-registry img {
	height: 23px;
	width: 23px;
	margin: 0 1px 1px 0;
}
.share-registry:hover {
	background: var(--color-dark-purple);
}
.auto-width {
	width: 100%;
}
.gift-list h4 {
	background: rgb(201, 115, 173);
	background: linear-gradient(167deg, rgba(201, 115, 173, 1) 0%, rgba(105, 91, 149, 1) 49%, rgba(0, 141, 186, 1) 100%);
	text-align: center;
	color: #fff;
	padding: 6px 0;
	font-weight: 400;
	text-transform: uppercase;
}
.product-details {
	background: #fff;
	padding: 20px;
	border: 1px solid #ced4da;
	position: relative;
	overflow: hidden;
	margin: 0 0 30px;
}
.product-details img {
	max-width: 100%;
	height: auto;
}
.product-desc p {
	margin: 15px 0;
	font-weight: 500;
}
.product-details:hover p {
	color: var(--color-purple);
	text-decoration: underline;
}
.product-quantity ul {
	padding: 0;
	overflow: hidden;
}
.product-quantity ul li {
	list-style: none;
	float: left;
	margin: 0 20px 5px 0;
	font-size: 12px;
}
.product-price h3 {
	font-size: 22px;
	margin: 35px 0 0;
}
.purchased-btn {
	margin: 35px 0 0;
}
.product-hover {
	opacity: 0;
	background: var(--color-purple);
	position: absolute;
	top: 0;
	transition: all 0.3s;
	width: 45px;
	left: -23px;
	text-align: center;
	padding: 0 0 15px;
}
.product-details:hover .product-hover {
	opacity: 1;
	left: 0;
}
.product-hover a {
	padding: 10px;
	display: block;
}
.product-hover i {
	color: #fff;
	font-size: 22px;
}
.product-hover a:hover i {
	color: #ff8cee;
}
.visitor-view, .login-info {
	float: left;
}
.after-login i {
	font-size: 23px;
}
.visitor-view {
	margin: 5px 20px 0 0;
}
.visitor-view p {
	color: var(--color-purple);
	font-weight: 400;
}
.visitor-view p a {
	color: var(--color-purple);
	text-transform: uppercase;
	text-decoration: underline;
}
.form-control {
	padding: 7px 35px 7px 10px;
}
.login-info a {
	margin: 10px 0 0 30px;
	display: inline-block;
}
.navbar-nav a i {
	font-size: 25px;
	margin: -3px 13px 0 0;
}
.logout a i {
	color: var(--color-purple);
}
.logout a {
	color: var(--color-purple) !important;
	font-weight: 500;
}
.nav-item.find-registry, .nav-item.my-gift, .nav-item.adjust-option, .nav-item.notification, .nav-item.logout {
	display: none;
}
.full-list ul li {
	list-style: none;
}
.full-list ul {
	padding: 0;
}
.view-list li {
	width: 100% !important;
	display: block !important;
}
.view-list .product-details > a {
	display: grid;
	grid-template-columns: 1fr 3fr 1fr 1.5fr;
	align-items: center;
}
.view-list .product-price h3 {
	margin: 0;
}
.view-list .product-details {
	padding: 10px;
	margin: 0 0 20px;
}
.view-list .product-hover {
	width: auto;
	padding: 0;
}
.view-list .product-hover a {
	float: left;
}
.grid-buttons {
	position: absolute;
	right: 10px;
	top: 5px;
}
.gift-list {
	position: relative;
}
.grid-buttons button {
	border: 1px solid #fff;
	margin: 0 0 5px 5px;
	background: transparent;
	padding: 0 5px;
	transition: all 0.3s;
	float: right;
}
.grid-buttons button i {
	font-size: 21px;
	color: #fff;
	line-height: 28px;
}
.grid-buttons button:hover {
	background: var(--color-purple);
	border: 1px solid var(--color-purple);
	transition: all 0.3s;
}
.full-list ul li:last-child .product-details {
	margin: 0;
}
.full-list ul li:first-child .product-details {
	margin: 0 0 30px;
}
.square-btn.active {
	background: var(--color-purple);
	border: 1px solid var(--color-purple);
	transition: all 0.3s;
}
.clamp-lines {
	display: -webkit-box;
	display: box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 50px;
}
button.log-out-process {
	color: var(--color-grey);
	border: none;
	background: transparent;
	cursor: pointer;
}
.user-detials-btn button.common-btn {
	border: 1px solid var(--color-purple);
	padding: 5px 20px;
	border-radius: 100px;
	color: var(--color-purple);
	font-weight: 500;
	margin-right: 15px;
	margin-left: 15px;
	background: transparent;
	cursor: pointer;
}
.user-detials-btn button.common-btn.active-btn {
	background: var(--color-purple);
	color: #fff;
}
.user-detials-btn button.common-btn:hover {
    background: var(--color-dark-purple);
	color: var(--color-white);
}
button.common-modal-btn {
	padding: 6px 25px !important;
}
.custom-disabled {
	pointer-events: none;
	opacity: 0.5;
	color: #aaa;
}
.custom-loader {
	color: var(--color-purple);
	width: 40px;
    height: 40px;
}
.user-box-checkbox input {
    width: auto;
    position: relative;
    top: 1px;
    margin: 0;
}
.mark-as-purchased, .termAndCondition, input[type=checkbox] {
	accent-color: var(--color-purple);
	height: 15px;
	width: 15px;
}
.product-details-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.purchaser-box {
	width: 125px;
	height: 55px;
	background-color: rgba(220, 115, 173, 0.16);
	padding: 10px 12px;
	text-align: center;
	text-decoration: none !important;
	cursor: default !important;
}
.purchaser-box:hover {
    background-color: rgba(220, 115, 173, 0.2);
}
.unavailable-box {
	background-color: rgb(241, 241, 241);
}
.unavailable-box:hover {
    background-color: var(--color-light-grey);
}
.purchaser-edit-box {
	width: 97%;
	height: 38px;
	background-color: rgba(220, 115, 173, 0.16);
	padding: 10px 12px;
	text-align: center;
	margin-left: 12px;
	text-decoration: none !important;
}
.unavailable-edit-box {
	background-color: rgb(255, 233, 175);
}
.view-purchaser-info {
	font-size: 14px !important;
	color: var(--color-purple) !important;
	text-decoration: none !important;
	font-weight: 550;
}
.view-purchaser-info:hover {
	color: var(--color-dark-purple) !important;
}
.purchased-status {
	font-size: 14px !important;
	color: var(--color-grey);
}
.view-edit-purchaser-info {
	font-size: 16px !important;
	color: var(--color-purple) !important;
	text-decoration: none !important;
	font-weight: 500;
}
.view-edit-purchaser-info:hover {
	color: var(--color-dark-purple) !important;
}
.purchased-edit-status {
	font-size: 16px !important;
	color: var(--color-grey);
	font-weight: 500;
}
.purchaser-item-name {
	font-size: 16px;
	font-weight: 500;
}
.custom-thead {
	background-color: rgba(220, 115, 173, 0.15);
	border-bottom: none !important;
}
.small-row tr {
	font-size: 0.8rem;
}
.purchaser-name-column {
	width: 45%;
  }
.purchaser-name {
	font-weight: 500;
} 
.purchaser-email {
	color: var(--color-grey);
	text-decoration: underline !important;
}
.restore-link {
	color: var(--color-purple);
	font-weight: 400;
}
.table>:not(caption)>*>* {
    padding: 0.3rem 0.5rem;
    border-bottom: none !important;
}
.custom-table tbody tr:nth-child(even) {
	background-color: rgba(247,249,251,255);
}
.confirmation-modal h5 {
	font-size: 22px;
}
.confirmation-modal p {
	font-size: 16px;
	padding: 0 10px;
	margin-bottom: 2.2rem;
}
.confirmation-visitor-modal h5 {
	margin-top: 2rem;
	font-size: 21px;
}
.confirmation-visitor-modal p {
	font-size: 15.5px;
	padding: 0 10px;
	margin-bottom: 2.2rem;

}
.purchased-color {
	font-size: 15px !important;
}
.view-gift-name {
	font-size: 16px !important;
	font-weight: 500 !important;
}
.view-gift-weight p {
	font-weight: 400;
}
.row {
	display: flex;
	flex-wrap: wrap;
}
.item-details {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 0 12px;
	flex-wrap: wrap;
}
.desired-qty, .purchased-qty, .color, .size {
	flex: 1;
}
.view-store-btn {
	padding: 8px 10px;
	width: 45% !important;
}
.category-heading {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 2em !important;
}
.category-main-container {
	display: flex;
	justify-content: center;
	align-items: center;
}
.category-container {
	display: flex;
	margin-top: 25px;
	align-items: center;
}
.category-btn-box {
	margin-bottom: 2.1em !important;
}
.user-detials-btn button.category-btn {
	border: 1px solid var(--color-purple);
	padding: 5px 20px !important;
	border-radius: 100px;
	color: var(--color-purple);
	font-weight: 500;
	margin-left: 10px;
	background: transparent;
	cursor: pointer;
}
.user-detials-btn button.category-btn.active-btn {
	background: var(--color-purple);
	color: #fff;
}
.user-detials-btn button.category-btn:hover {
    background: var(--color-dark-purple);
	color: var(--color-white);
}
.category-input input {
	border-bottom: 1px solid #aaa;
	padding: 1px 0 !important;
}
.category-input input:focus {
	border-bottom: 1px solid #aaa;
	border-color: var(--color-purple);
}
.share-input input {
	margin-top: 6px;
}
.category-gift-column {
	width: 40% !important;
}
optgroup[label] {
	background-color: rgba(220, 115, 173, 0.18);
}
optgroup option {
	background-color: #fff !important;
}
.registry-message {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 2.5em;
	height: 50vh;  
}
.no-gift-message {
	font-size: 28px;
	font-weight: 400;
	margin-bottom: 25px;
}
.no-gift-info {
	font-size: 19px !important;
	font-weight: 350;
	margin-bottom: 5px;
}
.no-gift-other-info {
	font-size: 22px !important;
	font-weight: 400;
}
.heart-icon {
	position: absolute;
	margin: 0 0 0 5px;
}
.heart-icon i {
	font-size: 22px;
	color: var(--color-purple);
}
.unavailable-box-info {
	padding: 0 20px;
}
.unavailable-info p {
	font-weight: 500;
	font-size: 19px;
}
.unavailable-heading {
	font-size: 17px;
}
.custom-bullets {
	list-style-type: none;
	padding-left: 10px;
}  
.custom-bullets li {
	position: relative;
	margin-bottom: 5px;
}
.custom-bullets li::before {
	content: '•';
	position: absolute;
	top: 4px;
	left: -10px;
	font-size: 0.7em;
	color: var(--color-dark-purple);
}
.sub-info a {
	color: var(--color-purple);
	font-weight: 400;
}
.sub-info a:hover {
	color: var(--color-dark-purple);
}
.floating-share-button {
	position: fixed;
	bottom: 50px;
	right: 20px;
	z-index: 999;
	background-color: var(--color-purple);
	border-radius: 50%;
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	transition: background-color 0.3s ease;
}
.floating-share-button:hover {
	background-color: var(--color-dark-purple);
}
.floating-share-button img {
	width: 30px;
	height: 30px;
}
/*************************Add Gifts Popup***********************/
.add-gifts-popup .modal-header p a {
	text-decoration: underline;
	color: #fff;
}
.add-gifts-popup {
	width: 55%;
	max-width: none;
	margin: 0 auto 12px;
	box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.6);
}
.add-gifts-popup-added {
	width: 50%;
}
.add-gifts-popup-login {
	width: 40%;
}
.add-gifts-popup-shop {
	width: 45%;
}
.modal-user {
	float: right;
	margin: 5px 0 0;
}
.add-gifts-popup .modal-user p {
	float: left;
	color: #fff;
}
.add-gifts-popup button.btn-close {
	float: left;
	margin: -3px 0 0 10px !important;
	color: #fff;
	filter: invert(1);
	opacity: 1;
}
.add-gifts-popup .modal-header {
	position: sticky;
    top: -0.2%;
    z-index: 10; 
	background: var(--color-purple);
	padding: 10px 20px;
}
.modal-content {
	border-radius: 10px;
}
.modal-dialog {
	border-radius: 10px;
	overflow: hidden;
}
.modal-dialog .navbar-logo img {
    max-width: 145px;
}
.modal-header-btn p {
	font-size: 14px !important;
}
.adjust-popup {
	margin-top: 24px;
}
.option-adjust {
	margin-right: 5em;
}
.social-adjust {
	margin-bottom: 8em;
}
.manage-gift {
	margin: 7em 0 10.5em 0;
}
.adjust-manage-btn {
	margin-right: 1em;
}
.custom-label {
	font-size: 12.5px;
	color: var(--color-purple);
}
/*************************Common Popup***********************/
.common-popup .modal-header p a {
	text-decoration: underline;
	color: #fff;
}
.modal-header p {
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	margin: auto;
}
.common-popup {
	width: 35%;
	max-width: none;
	margin: 0 auto 80px;
}
.shop-popup {
	width: 45% !important;
	margin: 0 auto 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 80px);
	max-width: none;
}
.edit-gifts-popup {
	width: 60% !important;
}
.share-registry-popup {
	width: 50% !important;
}
.purchaser-details-popup {
	width: 40% !important;
}
.buy-mulitple-popup {
	width: 45% !important;
}
.common-modal-popup {
	width: 38%;
	max-width: none;
}
.common-popup .modal-user p {
	float: left;
	color: #fff;
}
.common-popup button.btn-close {
	float: left;
	margin: -3px 0 0 10px !important;
	color: #fff;
	filter: invert(1);
	opacity: 1;
}
.common-popup .modal-header {
	position: sticky;
	top: -0.2%;
    z-index: 10; 
	background: var(--color-purple);
	padding: 10px 20px;
}
/*************************Back to top***********************/
.card-wrapper {
	max-width: 1100px;
	margin: 0 auto;
}
.product-image img {
	width: 100%;
	display: block;
}
.img-display {
	overflow: hidden;
}
.img-showcase {
	display: flex;
	width: 100%;
	transition: all 0.5s ease;
}
.img-showcase img {
	min-width: 100%;
}
.img-select {
	display: flex;
}
.img-item {
	margin: 0.3rem;
}
.img-item:nth-child(1), .img-item:nth-child(2), .img-item:nth-child(3) {
	margin-right: 0;
}
.img-item:hover {
	opacity: 0.8;
}
@media screen and (min-width: 992px) {
	.card {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 1.5rem;
	}
	.card-wrapper {
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.product-imgs {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.product-content {
		padding-top: 0;
	}
}
.product-popup-price, .product-popup-edit {
	display: grid;
	grid-template-columns: 4fr 3fr 2fr;
	gap: 16px;
}
.product-popup-edit {
	grid-template-columns: 3fr 4fr;
}
.product-column {
	position: relative;
}
.product-field {
	display: grid;
	grid-template-columns: 4fr 4fr;
	gap: 16px;
}
.product-form button.form-btn {
	width: 100%;
}
textarea {
	border: 1px solid #ced4da;
	width: 100%;
	min-height: 65px;
	padding: 5px;
	color: var(--color-grey);
	font-size: 15px;
}
/*************************Popular Gifts***********************/
.popular-gifts {
	padding: 50px 0 0;
}
.popular-gifts article {
	padding: 20px;
	border: 1px solid #d8d8d8;
	text-align: center;
}
.popular-gifts img {
	max-width: 100%;
	height: auto;
}
.popular-gifts {
	columns: 250px;
	column-gap: 20px;
}
.popular-gifts article {
	break-inside: avoid-column;
	margin-bottom: 1rem;
	position: relative;
	overflow: hidden;
}
.popular-gifts article:hover .product-hover {
	opacity: 1;
	top: 0;
}
.popular-gifts article .product-hover {
	width: 100%;
	padding: 0;
	left: 0;
	top: -23px;
}
.popular-gifts article .product-hover p {
	color: #fff;
	padding: 10px;
	align-items: center;
	display: inline-flex;
}
.popular-gifts article .product-hover p i {
	padding: 0 5px;
}
/*************************Baby Checklist***********************/
.baby-checklist {
	border: 1px solid #d8d8d8;
}
.checklist-img img {
	max-width: 100%;
	height: auto;
}
.list {
	list-style: none;
	margin: 24px 0 0 0;
	column-count: 3;
	padding: 4px;
}
.list li {
	padding-bottom: 15px;
	display: flex;
	justify-content: space-between;
}
.list label {
	flex-grow: 1;
	transition: color 0.5s;
	padding: 0 0 0 10px;
}
.list input {
	position: relative;
}
.list input::after {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	border: 1px solid #888888;
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(1);
	top: 48%;
	left: 50%;
	background-color: white;
	transition: transform 0.6s, border 0.6s;
}
.list input::before {
	position: absolute;
	content: "✔";
	height: 20px;
	width: 20px;
	transform: translate(-50%, -50%) scale(0.8);
	top: 44%;
	left: 75%;
	color: var(--color-purple);
	z-index: 1;
	opacity: 0;
	transition: transform 0.6s, opacity 0.6s;
}
.list input:checked + label {
	color: var(--color-purple);
}
.list input:checked::after {
	transform: translate(-50%, -50%) scale(1.2);
	border: 1px solid rgba(136, 136, 136, 0);
}
.list input:checked::before {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}
.checklist-info h4 {
	margin: 40px 0 0;
	font-size: 23px;
	background: rgb(201, 115, 173);
	background: linear-gradient(167deg, rgba(201, 115, 173, 1) 0%, rgba(105, 91, 149, 1) 49%, rgba(0, 141, 186, 1) 100%);
	color: #fff;
	padding: 5px 30px;
	font-weight: 400;
	letter-spacing: 5px;
	width: auto;
	text-transform: uppercase;
	border-radius: 100px;
	display: table;
}
.checklist-img {
	margin: 25px 0;
}
.baby-main-header {
	padding: 35px 0;
	background-color: #f5f5f5;
	border-bottom: 12px solid #e6e6e6;
}
.checklist-heading p {
	font-size: 18px;
	font-weight: 400;
	padding: 15px 0;
}
.checklist-subinfo {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 20px;
	padding: 0 50px;
}
.left-info {
	flex: 0 0 40%;
	max-width: 40%;
	display: flex;
	justify-content: center;
}
.progress-wrapper {
	position: relative;
	margin-top: 3.9em;
}
.checklist-divider {
	border-left: 1px solid #ddd;
    height: 10%;
    position: absolute;
    left: 40%;
}
.right-info {
	flex: 0 0 60%;
	max-width: 60%;
}
.right-info ul li {
	margin-bottom: 10px;
}
.progress-details p {
	font-weight: 400;
	margin-left: 7em;
}
.col-md-2-5 {
	flex: 0 0 calc(21.5% - 1.2rem);
	max-width: calc(21.5% - 1.2rem);
}
.main-card {
	padding: 8px 2px;
	height: 100%;
	position: relative;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.checklist-input {
	margin: 12px 0 0 12px;
	cursor: pointer;
	position: absolute !important;
}
.card-body-details img {
	max-width: 100%;
	height: 90px;
	cursor: pointer;
}  
.card-body-details p {
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
}
.checklist-status {
	font-size: 16px;
	font-weight: 500;
}
/*************************View as visitor***********************/
.visitor-dashboard {
	max-width: 50%;
	margin: 0 auto;
	margin-top: 30px;
}
.visitor-user-box {
	width: 65%;
	margin: auto;
}
.visitor {
	padding: 100px 0 130px;
	background: url("../images/visitor-view.jpg");
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	position: relative;
}
.visitor-section-name {
	margin-left: auto;
	text-align: right;
}
.visitor-name {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.visitor-ampersand {
	margin-left: 5px;
	margin-right: 5px;
	color: var(--color-white);
}
.visitor-section {
	display: flex;
	align-items: center;
}
.visitor-profile {
	margin-bottom: -26em;
	position: relative;
}
.profile-picture {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	object-fit: cover;
	border: 4px solid var(--color-white);
	background-color: var(--color-white);
}
.edit-profile-icon {
	position: absolute;
	bottom: 20px;
	right: 0;
	background: var(--color-purple);
	border-radius: 50%;
	padding: 5px;
	border: 2px solid var(--color-white);
	cursor: pointer;
	height: 33px;
	width: 33px;
}
.edit-profile-icon i {
	font-size: 20px;
	color: var(--color-white);
}
.visitor-section h2 {
	color: var(--color-white);
}
.visitor-section h5 {
	text-transform: uppercase;
	margin: 20px 0 0;
	color: var(--color-white);
}
.visitor-desc-container {
	padding: 30px 0 0 0;
}
.visitor-desc-container p {
	font-size: 17px;
	font-weight: 450;
	text-align: center;
}
.add-description {
	font-weight: 400;
	opacity: 0.6;
	font-style: italic;
}
.edit-desc-icon {
	margin-left: 10px;
	cursor: pointer;
	color: var(--color-purple);
	display: inline;
	vertical-align: middle;
}
.edit-desc-icon i {
	font-size: 19px;
}
.char-count {
	font-size: 13px;
	color: gray;
	text-align: right;
}
.navbar-expand-lg .navbar-nav .icon-nav .nav-link {
	display: flex;
}
.visitor-filter {
	position: relative;
}
.visitor-wishlist {
	position: absolute;
	top: 10px;
	left: 10px;
}
.visitor-wishlist i {
	font-size: 16px;
	background: var(--color-purple);
	padding: 6px;
	color: #fff;
	border-radius: 100px;
}
.visitor-filter .grid-buttons button {
	border: 1px solid var(--color-purple);
}
.visitor-filter .grid-buttons button i {
	color: var(--color-purple);
}
.visitor-filter .grid-buttons button.active i {
	color: #fff;
}
.visitor-filter .grid-buttons button:hover i {
	color: #fff;
}
.password-char {
	font-size: 12px;
	margin: 0 0 20px !important;
}
.custom-loader-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}
.main-loader {
	height: 85vh !important;  
}
.btn-primary.view-gift-btn {
	border-radius: 100px;
	padding: 10px 25px;
	background-color: var(--color-purple);
	border: 2px solid var(--color-purple);
}
.visitor-shipping-details {
	font-size: 16px;
	font-weight: 400;
}
.guestbook-btn {
	width: 40% !important;
}
.product-purchased {
	background: var(--color-light-grey);
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	text-align: center;
	font-size: 13px;
	padding: 3px 0;
	cursor: default;
}
.purchased-grid {
	padding: 10px 0;
	font-size: 15px;
}
.success-purchased {
	font-weight: 600 !important;
}
.crop-container {
	position: relative;
	width: 100%;
	height: 340px;
	margin-bottom: 1rem;
}  
.slider-container {
	margin: 1rem auto;
	width: 50%;
}
.slider-container input[type="range"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	height: 10px;
	background: #ddd;
	outline: none;
	border-radius: 5px;
  }
.slider-container input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	background: var(--color-purple);
	cursor: pointer;
	border-radius: 50%;
}
.zoom-range {
	width: 100%;
}
.user-box textarea {
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid var(--color-light-grey);
	resize: none;
	min-height: 75px;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
.visitor-box textarea {
	min-height: 90px;
}
.user-box textarea:focus {
	border-color: var(--color-purple);
	outline: none;
	box-shadow: 0 0 5px rgba(110, 50, 101, 0.5);
}
form span.required-info {
	font-size: 12px;
	color: var(--color-purple);
}
.no-space input {
	margin-bottom: 0 !important;
}
.visitor-btn {
	width: 40% !important;
}
.visit-heading {
	color: var(--color-white);
	font-weight: 400;
}
.lifafa-bar {
	background: linear-gradient(167deg, rgba(201, 115, 173, 1) 0%, rgba(105, 91, 149, 1) 49%, rgba(0, 141, 186, 1) 100%);
	color: #fff;
	padding: 6px 20px;
	width: 100%;
	margin-bottom: 8px;
}
.lifafa-section {
	position: relative;
    background: url('../images/icons.png') repeat;
	background-color: #f5f5f5;
	background-size: cover;
	background-repeat: no repeat;
}
.dashboard-content {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.lifafa-info {
	flex: 0 0 70%;
	padding: 5px;
	text-align: justify;
	background-color: #f5f5f5;
}
.qr-image {
	flex: 0 0 30%;
	align-items: center;
	text-align: center;
}  
.lifafa-image {
	max-width: 100%;
	height: 160px;
}
.lifafa-info p {
	font-size: 17px;
	font-weight: 400;
	margin: 0;
}
.settings-note {
	font-size: 12px;
	color: var(--color-grey);
	margin-left: 5px;
}
/*************************Visitor product Page***********************/
.view-visitor-link a {
	text-decoration: underline;
}
.product-popup .product-price h3 {
	font-size: 30px;
}
span.price-note {
	font-weight: 100;
	font-size: 12px;
}
.view-visitor-product-info h5 {
	color: var(--color-grey);
	font-weight: 400;
	font-size: 21px;
	line-height: 30px;
}
.view-visitor-product-details p {
	color: var(--color-grey);
	font-weight: 400;
	font-size: 16px;
}
.view-visitor-product-details .product-detail {
    display: inline-block;
    margin-right: 10px;
}
.user-address {
	margin: 20px 0;
	display: flex;
	align-items: center;
	margin-top: 8px;
}
.user-address-info p{
	font-size: 15.5px;
	font-weight: 400 !important;
}
.user-address-details {
	font-weight: 600;
	font-size: 17px;
}
.adjust-seperator {
	margin-top: -9px;
}
.user-verify-msg p {
	font-size: 17px;
	font-weight: 400;
	text-align: center;
}
.prod-verify-msg {
	font-size: 16px;
	font-weight: 400;
}
.button-already {
	margin: 10px 0 0;
}
.button-bought {
	display: flex;
}
.product-image {
	margin: 0 0 20px;
}
.button-already button {
	display: block;
	margin: 5px 0;
}
.user-address-left i {
	font-size: 31px;
	background: var(--color-purple);
	border-radius: 30px;
	padding: 10px;
	color: #fff;
	margin: 0 10px 0 0;
}
.buy-gift-desc p {
	margin: 15px 0 30px;
	line-height: 20px;
}
.buy-gift-info {
	display: grid;
	grid-column-gap: 20px;
	grid-template-columns: 2fr 2fr;
}
#buy-product .button-already button {
	display: table;
	margin: 0 auto;
}
.buy-gift-note p {
	margin: 0 0 15px;
}
.buy-gift-note p a {
	text-decoration: underline;
	color: var(--color-purple);
}
#buy-product .modal-body {
	padding: 30px;
}
.clamp-three-lines {
	display: -webkit-box;
	display: box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.pipe {
    margin-top: 6.5px;
}
.purchased-visitor-btn {
	border: rgb(183, 184, 185);
	background-color: rgb(183, 184, 185);
}
.purchased-visitor {
	cursor: default !important;
}
.multiple-gift-instruction {
	padding: 40px !important;
}
.multiple-gift-info-container {
	padding: 10px 20px;
}
.multiple-gift-info {
	font-size: 16px;
	margin-left: 50px;
	display: block;
}
.multiple-gift-heading {
	font-size: 23px;
	padding: 0 30px;
}
.mulitple-list-number {
	font-size: 20px;
    width: 34px;
    height: 34px;
    background-color: var(--color-purple);
    position: absolute;
    text-align: center;
    border-radius: 26px;
    font-weight: 600;
    color: var(--color-light);
    padding-top: 3px;
}
.product-image {
	padding: 10px 0;
}
.view-product-image {
	height: 480px;
	width: auto;
	object-fit: contain;
}
.already-purchased-message p {
	font-size: 1.15em;
	font-weight: 500;
	color: var(--color-purple);
	background-color: var(--color-soft-purple);
	padding: 10px 5px;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	text-align: center;
}
.already-purchased-message p i {
	margin-right: 4px;
	font-size: 1.2em;
}
.highlight-text {
	font-weight: bold;
	color: var(--color-purple);
	font-size: 1.1em;
}
/*************************reset password***********************/
.adjust-reset-box {
	margin-bottom: 78px;
}
.reset-password {
	padding: 30px 20px 20px 20px;
}
.adjust-user-box {
	width: 50%;
	margin: auto;
}
.user-box-add-gift {
	width: 70%;
	margin: auto;
}
.card-body {
	margin: 30px 0 0;
	padding: 0;
}
.forgot-password-hint {
	font-size: 12px;
	text-align: left;
	margin-top: -26px !important;
  }
.password-icon {
	margin-top: -14px;
}
.login-picon {
	margin-top: -65px;
	position: absolute;
}
.signup-picon {
	margin-top: -45px;
	position: absolute;
}
.otp-field {
	flex-direction: row;
	column-gap: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.otp-field input {
	height: 60px;
	width: 60px;
	outline: none;
	font-size: 20px;
	text-align: center;
	border: 1px solid #ddd;
}
.otp-field input:focus {
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0);
}
.otp-field input::-webkit-inner-spin-button, .otp-field input::-webkit-outer-spin-button {
	display: none;
}
.resend {
	font-size: 14px;
	margin: 15px 0 0 !important;
	color: var(--color-purple);
}
.btn-primary.reset-btn {
	border-radius: 100px;
	padding: 12px 50px;
	background-color: var(--color-purple);
	border: 2px solid var(--color-purple);
}
.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .25rem rgba(49, 132, 253, 0);
}
.btn-primary.reset-btn.active {
	color: #fff;
	background-color: var(--color-purple);
	border: 2px solid var(--color-purple);
}
.btn-primary.reset-btn:hover {
	background-color: var(--color-dark-purple);
	border: 2px solid var(--color-dark-purple);
}
.btn-primary.reset-btn.disabled, .btn-primary.reset-btn:disabled {
	background-color: #77416f !important;
	border: 2px solid #77416f;
}
/*************************Find registry***********************/
.search-registry {
	position: relative;
}
.search-registry input {
	padding: 12px 50px 12px 15px;
	border: 1px solid #ddd;
	border-radius: 100px;
	width: 100%;
	color: var(--color-grey);
	position: relative;
}
.search-registry input:focus-visible {
	outline: none;
	border-color: var(--color-purple);
}
.search-icon {
	position: absolute;
	right: 15px;
	top: 11px;
}
.search-icon i {
	font-size: 25px;
}
form.find-registry {
	display: table;
	margin: 0 auto;
	width: 50%;
}
.registry-header {
	background-color: #f8f9fa;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	padding: 10px 20px;
}
.registry-table {
	padding: 0 50px;
	margin-bottom: 20px;
	min-height: 20.6em;
}
.header-row,
.desc-row {
    display: grid;
    grid-template-columns: 3.5fr 2fr 2fr 2fr;
    align-items: center;
    text-align: left !important;
}
.header-row {
	padding: 5px 10px;
}
.desc-row {
	padding: 10px 10px;
	border-bottom: 1px solid #ddd;
}
.header-cell {
	width: 100%;
	font-weight: 700;
	color: var(--color-grey);
}
.desc-info {
	position: relative;
}
.desc-info:hover {
	background: rgba(220, 115, 173, 0.1);
}
.desc-info:hover::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background-color: var(--color-purple);
}
.desc-row .registrant,
.desc-row .registry-type,
.desc-row .location,
.desc-row .event-date,
.desc-row .view-btn {
  padding: 2px 12px;
}
.registrant h5 {
	font-size: 18px;
}
.registrant-name {
	font-size: 1rem;
	color: var(--color-grey);
}
.reversed-icon {
	transform: scaleX(-1);
	display: inline-block;
}
.find-reg-header input {
	padding: 5px 80px 5px 15px;
}
.search-icon-header {
	position: absolute;
	right: 12px;
	top: 6.5px;
}
.search-icon-header i {
	font-size: 20px;
}
.no-result-msg {
	margin: 100px 0 -125px 0 !important;
	font-size: 22px;
}
/*************************settings page***********************/
.accordion-item {
	border: 0px solid rgba(0, 0, 0, .125);
}
.accordion-header {
	margin-bottom: 20px;
}
.accordion-body {
	padding: 0 20px 20px 20px;
}
.accordion-button:focus {
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0);
}
.accordion-button {
	background: rgb(201, 115, 173);
	background: linear-gradient(167deg, rgba(201, 115, 173, 1) 0%, rgba(105, 91, 149, 1) 49%, rgba(0, 141, 186, 1) 100%);
	color: var(--color-white);
	border-radius: 25px !important;
	padding: 10px 20px;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
}
.accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	filter: invert(1);
}
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	transform: rotate(-180deg);
}
.accordion-button:not(.collapsed) {
	color: var(--color-white);
}
.settings-toggle {
	position: relative;
}
.toggle-check-box input[type="checkbox"] {
	position: relative;
	appearance: none;
	width: 60px;
	height: 30px;
	background: #ccc;
	border-radius: 50px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	transition: 0.4s;
	margin: 10px 0 0;
}
.toggle-check-box input:checked[type="checkbox"] {
	background: var(--color-purple);
}
.toggle-check-box input[type="checkbox"]::after {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	top: 0;
	left: 0;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	transform: scale(1.1);
	transition: 0.4s;
}
.toggle-check-box input:checked[type="checkbox"]::after {
	left: 50%;
}
.view-heading h3 {
	font-weight: 400;
	font-size: 23px;
}
.view-heading {
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	padding: 0 0 15px;
	margin: 0 0 15px;
	display: grid;
	grid-template-columns: auto max-content;
	align-items: center;
}
.settings-label {
	text-transform: uppercase;
	font-size: 12px;
	color: var(--color-purple);
	line-height: 14px;
}
.user-settings {
	margin: 0 0 20px;
}
.user-more-settings {
	margin: 0 0 15px;
}
.user-deactivate a {
	text-decoration: underline;
	font-weight: 500;
	color: var(--color-purple);
}
.upi {
	background: rgb(255, 170, 86) !important;
	color: #fff;
}
.upi:hover {
	color: #fff;
}
.settings-input-text h4 {
	font-weight: 100;
	color: var(--color-grey);
	margin: 0 0 30px;
}
.settings-input-text a:hover, .settings-input-text a:hover p {
	color: var(--color-purple);
}
.settings-input-text a p {
	float: left;
	text-decoration: underline;
}
.note p {
	font-size: 12px;
	margin: 20px 0 0;
	line-height: 15px;
}
.settings-input-text {
	position: relative;
}
.settings-input-text a i {
	margin: 5px 5px 0 0;
	float: left;
}
.settings-input-text a {
	margin: 2px 0 0;
	display: block;
	overflow: hidden;
}
.settings-input-text .checkbox {
	margin: 10px 0;
}
.settings-input-text .checkbox input[type="checkbox"] {
	position: absolute;
	left: 0;
	top: 5px;
}
.gifts-bought {
	display: grid;
	grid-template-columns: auto auto;
	align-items: start;
	margin: 20px 0 0;
	column-gap: 20px;
}
.gifts-bought .user-box input {
	margin: 13px 0;
}
.service-provider label {
	font-size: 12px;
	color: var(--color-purple);
}
.gifts-bought .user-box input:focus ~ label, .gifts-bought .user-box input:valid ~ label, .gifts-bought .user-box input:disabled ~ label {
	top: -8px
}
.user-detials-btn button.settings-btn{
	border: 1px solid var(--color-purple);
	padding: 2px 10px;
	border-radius: 100px;
	color: var(--color-purple);
	font-weight: 500;
	float: left;
	margin: 5px 10px 0 0;
	background: transparent;
	cursor: pointer;
}
.user-detials-btn button.settings-btn:hover {
	background: var(--color-purple);
	color: var(--color-white);
}
.user-detials-btn button.settings-btn:last-child {
	margin: 5px 0px 0 0;
}
.user-detials-btn button.settings-btn.active-btn {
	background: var(--color-purple);
	color: #fff;
}

.user-detials-btn button.settings-btn:hover {
	color: #fff;
}
#change-password .modal-footer button{
	width: auto;
}
.settings-input-text label.checkbox-text {
	padding: 0 0 0 22px;
}
.auto-select {
	grid-template-columns: max-content;
}
.user-details.user-box a {
	margin: 0 10px 10px 0;
}
.user-settings.edit-mode-editable {
	display: grid;
	grid-template-columns: 2fr 2fr;
	column-gap: 20px;
}
.user-settings.edit-mode-editable .user-box input {
	margin: 0;
}
.partner-name-edit a {
	padding: 7px 20px;
	border: 1px solid var(--color-purple);
	border-radius: 5px;
	display: inline-block;
}
.partner-name-edit a:hover, .partner-name-edit a:active, .partner-name-edit a:focus {
	background: var(--color-purple);
	color: var(--color-white);
}
.partner-name-edit {
	margin: -5px 0 40px;
}
a.active-partner {
	background: var(--color-purple);
	color: var(--color-white);
}
a.active-role-btn {
	background: var(--color-light-grey);
	color: var(--color-grey);
}
.edit-mode-editable-full {
	grid-template-columns: 2fr;
	margin: 0;
}
.country-full-width {
	grid-template-columns: 2fr;
	margin: 0 0 20px;
}
.more-margin {
	margin: 0 0 30px !important;
}
.full-name .state .user-box input {
	margin: 0 0 20px;
}
#change-password .modal-logo h2 {
	color: var(--color-white);
	font-weight: 400;
	font-size: 24px;
}
.change-password button {
	border: 0;
	background: none;
	padding: 0;
	text-decoration: underline;
	color: var(--color-purple);
}
.change-password {
	position: absolute;
	right: 0;
	top: -7px;
}
.settings-input-text {
	position: relative;
}
div#change-password {
	width: 60%;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.no-margin {
	margin: 0 !important;
}
.change-color {
	color: var(--color-purple) !important;
	text-decoration: none !important;
	font-weight: 400;
	font-size: 16px;
}
.change-color:hover{
	color: var(--color-dark-purple) !important;
}
.delete-registry-info {
	font-size: 19px !important;
	font-weight: 400;
	margin: 30px 0 20px 0 !important;
}
.upload-button {
	position: relative;
}	
.custom-upload-btn {
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid var(--color-purple);
	background-color: var(--color-purple);
	color: var(--color-white);
	border-radius: 5px;
	cursor: pointer;
}
.custom-edit-btn {
	font-size: 15px !important;
	background-color: var(--color-white);
	color: var(--color-purple);
}
.custom-upload-btn:hover {
	background-color: var(--color-dark-purple);
}
.custom-edit-btn:hover {
	background-color: var(--color-purple);
	color: var(--color-white);
}
#file-upload {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
.qr-preview img {
	max-width: 100px;
	max-height: 100px;
}
.truncate-label {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
/*************************Notifications page***********************/
.notification-date {
	font-weight: 400;
	font-size: 16px;
}
.notification-title {
	font-weight: 600 !important;
}
.notification-info p {
	font-weight: 400;
}
.date-line {
	margin-top: 1px;
}
.no-notification {
	margin: 5em 0 14em 0;
	text-align: center;
}
.no-notification p {
	font-size: 18px;
	font-weight: 500 !important;
}
/*************************Guestbook***********************/
.user-dashboard-page {
	margin: 0 0 20px;
	text-align: center;
	padding: 0 10em !important;
}
.guestbook-status p {
	font-size: 21px;
	font-weight: 400;
	margin: 0 0 15px !important;
}
.guestbook-info p {
	font-size: 16px;
}
.custom-guestbook-table tbody tr:nth-child(even) {
	background-color: rgba(242,244,246,248);
}
.guestbook-first-column {
	width: 20%;
}
.guestbook-third-column {
	width: 6%;
}
.guestbook-msg {
	font-size: 14px;
	font-weight: 350;
}
/*************************Visitor Setup***********************/
.edit-icon:hover {
	color: var(--color-purple);
}
.toggle-buttons {
	position: absolute;
	right: 10px;
	top: -4px;
}
.password-char-visitor {
	font-size: 12px;
	margin-top: -30px !important;
}
/*************************Purchase Process***********************/
.purchaser-dashboard {
	padding: 40px;
	background: #f5f5f5;
}
button.purchase-btn {
	padding: 8px 30px !important;
	font-size: 18px;
	margin-left: 0 !important;
}
button.purchase-done-btn {
	padding: 10px 30px !important;
	font-size: 18px;
	margin-left: 0 !important;
}
button.store-btn {
	padding: 10px 30px !important;
	font-size: 19px;
	width: 90%;
	margin-left: 0 !important;
}
.purchase-heading {
	font-size: 26px;
	font-weight: 400;
	line-height: 2.2rem;
}
.purchase-info {
	font-size: 18px
}
.purchase-option {
	font-size: 17px
}
.user-address-detail {
	font-weight: 600;
}
.quantity-label {
	display: inline-block;
	margin-right: 15px;
}
.quantity-input {
	display: inline-block;
	width: 15%;
}
.form-check-input:checked {
    background-color: var(--color-purple);
    border-color: var(--color-purple);
}
.form-check-input {
    width: 1.2em !important;
    height: 1.2em !important;
	margin-right: 8px;
}
.surprise-checkbox-container {
	display: flex !important;
}
.surprise-date-input {
	margin-left: 5px !important;
	font-size: 16px !important;
	top: -0.5px !important;
	width: 25% !important;
}
.change-name-color {
	color: var(--color-purple) !important;
	text-decoration: none !important;
	font-weight: 400;
}
.change-new-color {
	color: var(--color-purple) !important;
	font-weight: 400;
}
.change-new-color:hover {
	text-decoration: underline;
}
.user-instruction-detail {
	font-size: 14px;
	font-weight: 400;
}
/*************************Shop Page***********************/
.shop-container {
	padding: 40px 0 0 0;
}
.carousel-inner img {
	height: 380px;
	object-fit: cover;
}
.carousel-indicators {
	bottom: -10px;
}
.carousel-indicators button {
    border: none;
    width: 11px !important;
    height: 11px !important;
    border-radius: 50% !important;
    margin: 4px !important;
    display: inline-block !important;
    cursor: pointer;
    opacity: 1 !important;
}
.carousel-indicators .active {
	background-color: var(--color-purple);
}
@supports (-webkit-touch-callout: none) {
    .carousel-indicators button {
		all: unset;
        width: 10px !important;
        height: 10px !important;
        border-radius: 50% !important;
		background-color: #f5f5f5;
    }
}
.browse-heading {
	padding: 40px 0;
	text-align: center;
}
.browse-heading h2 {
	color: var(--color-purple);
}
.show-all-heading h2 {
	padding: 80px 0 40px 0;
	text-align: center;
}
.cat-title-wrapp h4 {
  position: relative;
  display: inline-block;
  color: var(--color-medium-purple);
  margin-bottom: 0;
}
.cat-title-wrapp h4::before,
.cat-title-wrapp h4::after {
  content: "";
  width: 100vw;
  height: 1.5px !important;
  background-color: var(--color-medium-purple);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.cat-title-wrapp h4::before {
	right: 120%;
}
.cat-title-wrapp h4::after {
	left: 120%;
}
.adjust-cat h4::before {
	right: 110%;
}
.adjust-cat h4::after {
	left: 110%;
}
.adjust-cat-lg h4::before {
	right: 107%;
}
.adjust-cat-lg h4::after {
	left: 107%;
}
.sliding-container {
	padding: 0 100px;
}
.show-all-link {
	margin: 0.5rem 0 0 0;
	color: var(--color-medium-purple);
	font-weight: 600 !important;
	font-size: 17px;
}
.show-all-link:hover {
	color: var(--color-purple);
}
.carousel-items {
	cursor: pointer;
	transition: opacity 0.3s ease-in-out;
}
.carousel-items:hover {
	opacity: 0.8;
}
.carousel-items img {
	height: 250px;
	padding: 0 15px;
	object-fit: contain;
}
.items-brand img {
	height: 150px;
}
.carousel-items {
	padding: 20px 35px 70px 35px;
}
.image-caption {
	text-align: center !important;
	font-size: 22px;
	margin-top: 15px !important;
	font-weight: 500;
	color: var(--color-blue);
}
.custom-arrow {
	display: block !important;
	background: var(--color-medium-purple) !important;
	width: 35px !important;
	height: 35px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding-top: 3px !important;
	transform: translateY(-50px) !important;
}
.next-arrow {
	right: -50px !important;
}
.prev-arrow {
	left: -50px !important;
}
.img-container {
	padding: 40px 0;
}
.logo-img {
	padding: 0;
}
.image-item {
	margin-bottom: 60px;
	cursor: pointer;
	transition: opacity 0.3s ease-in-out;
}
.image-item:hover {
	opacity: 0.8;
}
.image-item img {
	height: 250px;
	aspect-ratio: 3/2;
	padding: 0 50px;
	object-fit: contain;
}
.image-brand {
	margin-bottom: 0;
}
.full-caption {
	text-align: center !important;
	font-size: 22px;
	margin-top: 15px !important;
	font-weight: 500;
	color: var(--color-blue);
}
.head-section {
	position: relative;
	margin-bottom: 5em;
}
.cat-accordion-btn {
	border-bottom: 1px solid var(--color-purple);
	border-radius: 0 !important;
	background: #f9f9f9;
	padding: 0 10px 10px 10px;
	font-size: 20px;
	color: var(--color-purple);
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: none;
}
.cat-accordion-btn:not(.collapsed) {
	border-bottom: 1px solid var(--color-purple);
	border-radius: 0 !important;
	background: #f9f9f9 !important;
	color: var(--color-purple);
}
.cat-accordion-btn:focus {
	border-bottom: 1px solid var(--color-purple);
}
.cat-section {
	background: #f9f9f9 !important;
}
.category-cover {
	width: 100%;
	height: 340px;
	overflow: hidden;
}  
.category-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}  
.profile-wrapper {
	position: absolute;
	bottom: -120px;
	left: 5%;
}
.profile-image {
	height: 250px;
	border-radius: 50%;
	aspect-ratio: 2/2;
	object-fit: contain;
	background-color: var(--color-white);
	border: 5px solid var(--color-white);
} 
.filter-section {
	background: #f9f9f9;
	padding: 20px 10px;
	border-radius: 5px;
	margin-top: 5em;
}
.filter-section h3{
	margin-bottom: 40px;
}
.filter-option {
    margin-bottom: 10px;
}
.checkbox-label {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-size: 17px;
	font-weight: 500;
	color: var(--color-medium-purple);
	position: relative;
	padding-left: 35px;
	margin-bottom: 10px;
	user-select: none;
}
.checkbox-label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkbox-custom {
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	width: 22px;
	background-color: var(--color-white);
	border: 1px solid var(--color-purple);
	border-radius: 3px;
}
.checkbox-label input:checked ~ .checkbox-custom {
	background-color: var(--color-purple);
}
.product-grid {
	padding-left: 20px;
}
.product-item {
	position: relative;
	margin-bottom: 30px;
	text-align: center;
	padding: 15px;
	cursor: pointer;
}
.product-item:hover {
	border: 2px solid var(--color-light-purple);
	border-radius: 10px;
}
.partner-logo-circle {
	position: absolute;
	top: 10px;
	right: 5px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 3px solid white;
	background-color: white;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	z-index: 1;
}
.partner-logo-modal {
	position: absolute;
	top: 2px;
	right: 11em;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid white;
	background-color: white;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
}
.partner-logo-modal img {
	width: 100%;
	height: 100%;
	object-fit: cover;
} 
.shop-product-image {
	width: 100%;
	max-width: 190px;
	margin-bottom: 10px;	
}  
.product-name {
	font-size: 17px;
	font-weight: 400;
	color: var(--color-blue);
}
.product-price {
	margin: -8px 0 10px 0 !important;
	font-size: 16px;
	font-weight: 500;
	color: var(--color-purple);
}
.shop-btn {
	width: 100%;
	padding: 6px 10px;
	margin-top: 8px;
	font-size: 15px;
	font-weight: 500;
}
.shop-edit-btn {
	padding: 5px 10px;
}
.shop-filter button {
	font-size: 16.5px;
	padding: 7px 40px;
	margin: 30px auto;
	margin-top: 10px;
}
/* .custom-page-link {
	color: var(--color-purple);
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 35px;
	width: 35px;
	margin: 0 6px;
	font-size: 16px;
	font-weight: 400;
}
.custom-page-link:hover {
	color: var(--color-purple);
}
.page-item.active .custom-page-link {
	background-color: var(--color-purple);
	color: var(--color-white);
	border: none;
}
.custom-page-link:focus {
	outline: none;
	box-shadow: 0 0 5px 2px var(--color-light-purple);
}
.custom-page-link i {
	font-size: 1.2em;
} */
.custom-page-btn {
	border: 2px solid var(--color-purple) !important;
	padding: 10px 15px;
	border-radius: 5px;
	cursor: pointer;
}
.mx-2 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.previous-btn i,
.next-btn i {
  font-size: 18px;
  color: var(--color-purple);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  position: relative;
  top: 2px;
}
.next-btn i {
	color: var(--color-white);
}
.next-btn {
	background-color: var(--color-purple);
	color: var(--color-white);
}
.next-btn:hover {
	background-color: var(--color-dark-purple);
	color: var(--color-white);
}
.previous-btn:focus {
	outline: none;
	box-shadow: 0 0 5px 2px var(--color-light-purple);
}
.next-btn:focus {
	outline: none;
	background-color: var(--color-purple);
	color: var(--color-white);
	box-shadow: 0 0 5px 2px var(--color-light-purple);
}
.previous-btn:disabled,
.previous-btn:disabled i {
  border-color: gray !important;
  color: gray !important;
  cursor: not-allowed;
}
.adjust-pagination {
	margin: 30px 0 40px 0;
} 
.top-section {
  padding: 0 20px 20px 20px;
}
.search-part {
	width: 240px;
}
.search-part input {
	padding: 7px 60px 7px 15px;
	font-size: 16px;
	background-color: #f5f5f5;
	border: none;
}
.search-icon-product {
	position: absolute;
	right: 12px;
	top: 9px;
}
.search-icon-product i {
	font-size: 20px;
	cursor: pointer;
}
.search-icon-product i:hover {
	color: var(--color-purple);
	font-size: 22px;
}
.filter-modal-section {
	background-color: #f9f9f9;
}
.product-view-container {
    text-align: center;
    margin: 20px 0 30px 0;
	padding: 0 50px;
}
.carousel-product-image img {
    height: 300px;
	object-fit: contain;
}
.product-view-name {
	font-size: 1.3rem;
	margin-bottom: 10px;
}
.product-view-price {
	font-size: 1.25rem;
	font-weight: 500;
}
.button-container .btn {
	flex: 1;
	margin: 0 5px;
}
button.shop-modal-btn {
	font-size: 16px;
	padding: 9px 40px !important;
}
button.shop-view-btn {
	padding: 9px 50px !important;
}
.no-info-avilable {
	margin: 5em 0;
	text-align: center;
}
.no-info-avilable h4 {
	font-size: 21px;
}
.shop-modal-spinner {
	margin: 6em 0;
	text-align: center;
	color: var(--color-purple);
}
.spinner-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.1);
	z-index: 1000;
}
.custom-shop-spinner {
	width: 3rem;
	height: 3rem;
	color: var(--color-purple);
	border: 0.25em solid var(--color-purple);
	border-radius: 50%;
	border-color: var(--color-light-purple);
}
.shop-spinner-bg {
	background-color: rgba(255, 255, 255, 0.8);
}
.back-btn-nav i {
	font-size: 1.3em;
}
.cat-search {
	position: relative;
}
.cat-search input {
	padding-right: 40px;
}
.search-icon-cat,
.search-clear-icon-cat {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%) scaleX(-1); 
	cursor: pointer;
	font-size: 20px;
	color: #aaa;
}
.search-clear-icon-cat:hover,
.search-icon-cat:hover {
	color: var(--color-purple);
}
.no-results-message {
	text-align: center;
	color: var(--color-grey);
	padding: 20px 0 35px 0;
}
.sub-cat-heading {
	margin: 20px 0 15px 0;
	border-bottom: 1px solid var(--color-medium-purple);
	padding-bottom: 5px;
}
.all-cat-label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 220px;
	display: block;
	margin: 0;
}
.scrollable-category {
    max-height: 11em;
    overflow-y: auto;
	padding-right: 10px;
}
.scrollable-category::-webkit-scrollbar {
    width: 7px;
}
.scrollable-category::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.scrollable-category::-webkit-scrollbar-thumb {
    background-color: var(--color-medium-purple);
    border-radius: 10px;
    border: 1px solid #f1f1f1;
}
/*************************Static Pages***********************/
.privacy-heading, .aboutus-heading, .blog-heading {
	font-size: 34px !important;
	font-weight: 400;
	line-height: 38px;
	margin: 55px 0 !important;
}
.about-us, .blog-body p {
	font-size: 18px;
	line-height: 35px;
}
.aboutus-subheading, .blog-subheading {
	font-size: 27px;
	font-weight: 600;
	margin-bottom: 20px !important;
}
.about-section {
	display: flex;
	flex-wrap: wrap;
}
.point-spacing li {
	margin-bottom: 10px;
}
.number-spacing li {
	margin-bottom: 15px;
}
form.common-form {
	max-width: 750px;
	margin: 0 auto;
}
.form-heading p {
	margin: 0 0 30px 0;
}
button.static-btn {
	padding: 8px 30px;
}
.section-highlight p {
	font-size: 16px;
	font-weight: 600;
}
.section-heading {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 20px !important;
}
.section-space {
	margin: 10px 0;
}
.paragraph-space {
	margin: 15px 0;
}
.outer-list {
	list-style-type: disc;
}
.inner-list {
	list-style-type: circle;
}
.divided-section {
	margin-bottom: 80px !important;
}
.btn-section {
	margin: 68px 0 120px 0;
}
.btn-section button {
	padding: 9px 40px !important;
	font-size: 20px;
	flex: 1;
	margin: 0 40px !important;
}
.custom-width-40 {
	width: 40% !important;
}
.custom-width-45 {
	width: 45% !important;
}
.custom-width-60 {
	width: 60% !important;
}
.custom-width-55 {
	width: 55% !important;
}
.aboutus-image img {
	height: 400px;
	width: 400px;
	border-radius: 50%;
}
.aboutus-bar {
	padding: 7px 20px;
	text-transform: uppercase;
	border-radius: 25px;
}
.gift-images-container img {
	height: 180px;
	object-fit: contain;
}
.not-found-container {
	padding: 4em;
	text-align: center;
}
.back-home-btn {
	padding: 9px 35px !important;
	font-size: 17px;
}
.flip-horizontal {
	display: inline-block;
	transform: scaleX(-1);
}
.block-website {
	font-weight: 400;
	font-size: 26px;
}
.use-extension {
	font-weight: 500;
	font-size: 30px;
}
.bottom-nav {
	font-weight: 500;
	font-size: 15px;
}
.modal-connection-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1040;
}
.modal-connection {
	z-index: 1050;
}
body.modal-connection-open {
	overflow: hidden;
}
.custom-justify {
	text-align: justify;
	text-align-last: center;
}
.view-price {
	margin-top: -25px !important;
}
.no-bullets {
	list-style: none;
	padding: 0;
	margin: 0;
}
.no-bullets li {
	font-size: 17px;
	line-height: 35px;
}
.loading-dots-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
}
.loading-dot {
	width: 10px;
	height: 10px;
	margin: 0 4px;
	border-radius: 50%;
	background-color: var(--color-purple);
	animation: bounce 1.2s infinite ease-in-out;
}  
.loading-dot:nth-child(1) {
	animation-delay: 0s;
}  
.loading-dot:nth-child(2) {
	animation-delay: 0.2s;
}
.loading-dot:nth-child(3) {
	animation-delay: 0.4s;
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	  transform: translateY(0);
	}
	40% {
	  transform: translateY(-10px);
	}
	60% {
	  transform: translateY(-5px);
	}
}
/*************************Select Registry Page***********************/
.select-registry-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0 40px;
}
.registry-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 20px 35px 40px 35px;
}
.registry-circle {
	background: #fff;
	box-shadow: 0 2px 6px #00000029;
	border-radius: 50%;
	width: 190px;
	height: 190px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
}
.registry-circle img {
	width: 85%;
	height: auto;
}
.plus-circle img {
	width: 70%;
}
.registry-wrapper h4 {
	margin-top: 25px;
	font-size: 16px;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
}
.registry-circle:hover {
	background: #fbfbfb;
}  
.registry-circle button {
	display: block;
	width: 100%;
	border: 0;
	background: transparent;
}
.registry-name-input {
	background: transparent;
	border: none;
	border-bottom: 2px solid var(--color-medium-purple);
	padding: 5px 0;
	outline: none;
	color: var(--color-purple);
	text-transform: uppercase;
	transition: border-color 0.3s ease;
}
.action-icon {
	margin: 5px 0 0 5px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	transition: background-color 0.3s ease, color 0.3s ease;
	padding: 5px;
	border-radius: 50%;
	display: inline-block;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
}
.action-icon i {
	font-size: 1.1em;
}  
.action-icon:hover {
	background-color: rgba(0, 0, 0, 0.1);
}
.status-icon {
	position: relative;
	top: -1.5px;
	margin-left: 4px;
	font-size: 1.25em;
	cursor: pointer;
	vertical-align: middle;
}
.text-warning {
	color: #ff9800 !important;
}
.note-delete {
	font-size: 0.8em;
}
/*************************App Install Banner***********************/
.banner {
	background: rgba(220, 115, 173, 0.1);
	padding: 8px 5px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
}  
.close-banner-button {
	background: white;
	border: none;
	cursor: pointer;
	font-size: 24px;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 4px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.logo-message-container {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1;
	min-width: 0;
}
.logo-message-container p {
	font-size: clamp(12px, 4vw, 14px);
	margin: 0;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.banner-logo {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
}
.banner-btn button {
	background-color: var(--color-white) !important;
	padding: 6px 15px !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.banner-btn button:hover {
	color: var(--color-white) !important;
	background-color: var(--color-purple) !important;
}
.install-button {
	font-size: 14px;
	white-space: nowrap;
}
/*************************Bootstrap***********************/
@media (min-width: 768px) and (max-width: 1199px) {
	.filter-part {
		display: inline-block;
	}
	.how-add-gifts {
		margin: 27px 0 0 0;
	}
	.purchaser-edit-box {
		margin-left: 10px;
	}
	.icons-left {
		margin: 40px 0 0 -40px !important;
	}
	.user-guestbook {
		padding: 0 1em !important;
	}
	.heading-lmed {
		font-size: 35px !important;
	}
	.welcome .hero-text h1 {
		font-size: 40px;
	}
	.welcome .hero-text h2 {
		font-size: 24px;
	}
	.hero-img img {
		height: 450px !important;
		margin: 62px 0 0 0 !important;
	}
	.form-heading {
		padding: 0 80px;
	}
	.user-dashboard-page {
		padding: 0 !important;
	}
	.visitor-desc-container {
		padding: 30px 20px 0 0;
	}
	.visitor-desc-container p {
		text-align: end;
	}
	.col-md-2-5 {
		flex: 0 0 calc(35% - 1rem);
		max-width: calc(35% - 1rem);
	}
	.checklist-divider {
		height: 15%;
	}
	.left-info {
		margin: auto 0;
	}
	.progress-details p {
		margin-left: 6em;
	}
	.btn-section button {
		margin: 0 20px 20px 20px !important;
	}
	.select-registry-container {
		padding: 0 50px;
	}
	.shop-popup {
		margin: 0 auto 10px;
	}
}
@media (min-width: 200px) and (max-width: 991px) {
	.user-dashboard {
		padding: 30px !important;
	}
	.registry-table {
		padding: 0;
	}
	.registry-header {
		display: none;
	}
	.desc-row {
		display: grid;
		grid-template-columns: 1fr;
		text-align: left;
		padding: 10px 0;
	}
	.desc-row .registrant,
	.desc-row .registry-type,
	.desc-row .location,
	.desc-row .event-date,
	.desc-row .view-btn {
	    padding: 1px 12px;
	}
	.purchaser-dashboard {
		padding: 30px !important;
		margin-top: 50px;
	}
	.list {
		column-count: 2 !important;
	}
	.add-gifts-popup {
		width: 80% !important;
		max-width: none;
	}
	.common-popup {
		width: 70% !important;
		max-width: none;
	}
	.common-modal-popup {
		width: 60% !important;
	}
	.nav-item.my-gift, .nav-item.adjust-option, .nav-item.notification, .nav-item.logout {
		display: block !important;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 0 !important;
	}
	.visitor-view {
		margin: 0 auto;
		text-align: center;
		float: none !important;
	}
	.navbar-nav .nav-item {
		margin: 0 !important;
	}
	.nav-center {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	ul.dropdown {
		padding: 0 0 0 20px !important;
	}
	ul.dropdown li a {
		padding: 0 !important;
	}
	ul.dropdown li {
		margin: 0 !important;
	}
	.dashboard {
		max-width: 100% !important;
	}
	.process-box {
		margin: 0 0 40px;
	}
	.process-box .navbar-logo {
		margin: 60px 0 0;
		display: block;
	}
	.registry-box {
		margin: 0 0 22px;
		min-height: auto;
	}
	.div-mobile {
		display: block;
		float: left;
	}
	.div-web {
		display: none;
	}
	.top-header {
		padding: 5px 0 !important;
	}
	.right-box.float-end {
		text-align: center;
		float: none !important;
	}
	.bottom-header a.navbar-logo {
		display: inline-block;
		margin: 10px 0;
	}
	.ios-header {
		height: 3.6em;
		background-color: #f1d2e9;
	}
	.ios-area p {
		top: 50px !important;
	}
	.ios-gift-header {
		padding-top: 42px !important;
	}
	.ios-gift-close-icon {
		padding-top: 60px !important;
	}
	.navbar.fixed,
	nav.navbar {
		padding: 2px 15px;
	}
	.navbar.ios-nav.fixed {
		padding: 57px 10px 4px 10px;
		background: var(--color-white);
		background: linear-gradient(to bottom, #f1d2e9 45%, #ffffff 45%);
	}
	.navbar-light .navbar-toggler {
		border: 0px solid rgba(0, 0, 0, .4);
		box-shadow: none;
		padding: 4px 10px;
	}
	.navbar-light .fixed-ios-toggler {
		padding: 57px 10px 6px 10px;
	}
	button.navbar-toggler {
		position: absolute;
		top: 8px;
		left: auto;
		right: 0;
	}
	.navbar-collapse {
		width: 100%;
		padding: 0px 10px;
		margin: 0 -36px;
	}
	li.nav-item {
		line-height: 35px;
	}
	li.nav-item:first-child {
		margin: 10px 0 0;
	}
	.welcome .button {
		display: table;
		margin: 20px 0 0;
	}
	.welcome .button a {
		margin: 0 0 20px 70px;
	}
	.welcome .hero-text {
		padding: 10px 0 10px 100px  !important;
	}
	.welcome .hero-text h1 {
		font-size: 35px;
		margin: 0 !important;
	}
	.welcome .hero-text h2 {
		font-size: 20px;
	}
	.hero-img img {
		height: 400px !important;
		margin: 95px 0 0 0 !important;
	}
	.display-none {
		display: none;
	}
	.icons-bg {
		background-size: cover;
	}
	.adjust-user-box {
		width: 70%;
	}
	.visitor-dashboard {
		margin: 80px auto;
		max-width: 80%;
	}
	.visitor-user-box {
		width: 75%;
	}
	.view-store-btn {
		width: 100% !important;
	}
	.desired-quantity,
    .purchased-quantity {
	flex-basis: 50%;
    }
	.no-gift-message {
		font-size: 21px;
		line-height: 1.5em;
		margin-bottom: 15px;
	}
	.no-gift-info {
		font-size: 18px !important;
	}
	.no-gift-other-info {
		font-size: 20px !important;
	}
	.heading-lmed {
		font-size: 25px !important;
	}
	.no-result-msg {
		font-size: 18px !important;
	}
	.app-download-image {
		max-height: 45px !important;
	}
	.privacy-heading {
		font-size: 24px;
	}
	.form-heading {
		padding: 0 20px;
		margin-bottom: 25px;
	}
	.visitor-desc-container p {
		text-align: center;
	}
	.last-thing-desc p {
		margin-top: 20px;
		font-size: 18px;
		padding: 0 2em;
	}
	.last-steps-info-container {
		padding: 15px 50px;
	}
	.button-container {
		justify-content: center;
	}
	.col-md-2-5 {
		flex: 0 0 calc(52% - 1rem);
		max-width: calc(52% - 1rem);
	}
	.checklist-divider {
		height: 20%;
	}
	.progress-wrapper{
		text-align: center;
		margin-right: 5em;
	}
	.left-info {
		display: block;
		flex: 0 0 30%;
		max-width: 30%;
	}
	.progress-details p {
		margin-left: 0;
	}
	.carousel-items img {
		padding: 0;
	}
	.image-caption {
		margin-top: 0 !important;
	}
	.about-section {
		flex-direction: column;
	}
	.custom-width-60, .custom-width-40, .custom-width-55, .custom-width-45 {
		width: 100% !important;
	}
	.divided-section {
	    flex-direction: column;
	}
	.filter-part label {
		width: 70px;
	}
	.reset-password {
		padding: 50px 20px 20px 20px;
	}
	.email-header {
		margin-top: 4.35em;
	}
	.view-product-dashboard {
		padding: 80px 15px !important;
	}
}
@media (min-width: 200px) and (max-width: 767px) {
	.icons-bg {
		background-size: cover;
		background-image: url("../images/icons-mobile.png");
	}
	.hero-banner {
		background-image: url("../images/banner-mobile.png");
		min-height: auto;
		background-size: cover;
		background-position: right;
	}
	.welcome .button a {
		margin: 0 0 20px 0;
	}
	.welcome .hero-text {
		padding: 0 !important;
	}
	section.py-5 {
		padding: 1.5rem 0 !important;
	}
	.hero-img img {
		height: 400px !important;
		margin: 10px 0 0 0 !important;
	}
	.search-reg {
		margin: 0 40px 0 0;
	}
	.settings-input-text .select-wrapper {
		margin: 0;
	}
	.user-deactivate {
		margin: 0 0 50px;
	}
	.buy-gift-desc p {
		margin: 10px 0 30px !important;
	}
	.buy-gift-note {
		margin: 0 0 20px;
	}
	.reset-password {
		padding: 50px 0 0 0;
		margin: 0 0 50px;
	}
	.filter-box .select-wrapper {
		margin: 0 0 9px;
	}
	.checklist-info h4 {
		margin: 0 auto !important;
	}
	.checklist-img {
		margin: 25px 0 0 !important;
	}
	.checklist-img img {
		max-width: 80% !important;
		margin: 20px auto 0 !important;
		display: table !important;
	}
	.checklist-info {
		padding: 20px;
	}
	.add-gifts-popup button.btn-close {
		position: absolute;
		right: 15px;
		top: 15px;
	}
	.modal-user {
		float: none !important;
		margin: 9px auto 0 !important;
	}
	.add-gifts-popup .modal-user p, .add-gifts-popup button.btn-close {
		float: none !important;
	}
	.icons-right {
		float: none;
		justify-content: center;
        text-align: center;
	}
	.icons-left {
		margin: 8px 0 10px 10px !important;
	}
	.search-reg + .login button {
		margin: 0px 40px 0 0 !important;
	}
	.user-stats ul li {
		width: 50% !important;
		margin: 0 0 20px !important;
	}
	.user-stats ul {
		padding: 25px 0 0 !important;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 0;
		line-height: 35px;
	}
	.step .arrival-date {
		width: 94%;
	}
	.partner-name a {
		width: auto !important;
	}
	.select-wrapper {
		margin-bottom: 30px;
	}
	.arrival-date .col-md-4 {
		width: 32%;
	}
	.col-sm-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	.note p {
		margin: 15px 0 0 !important;
	}
	p:last-of-type {
		margin: 0;
		padding: 0;
	}
	.checklist-text {
		margin: 0 0 30px;
	}
	.question {
		margin: 0 0 15px;
	}
	.answer {
		margin: 0 0 30px !important;
	}
	.faq .button {
		margin: 10px 0 0 !important;
	}
	.our-guide .spacing-small {
		height: 0;
	}
	.our-guide p {
		margin: 0 0 20px !important;
	}
	.post {
		padding: 0;
		margin: 30px 0 0;
	}
	.faq .store-box {
		margin: 0 0 30px;
	}
	.download-btn {
		float: none;
	}
	.footer-list {
		margin: 0 0 40px;
	}
	.copyright {
		margin: 0;
		text-align: center;
	}
	.copyright-line p {
		text-align: center;
	}
	.footer-list h4 {
		margin: 0 0 5px;
	}
	.download-app .spacing-small {
		height: 0px;
	}
	.toggle-buttons {
		top: -5px;
	}
	.visitor-dashboard {
		max-width: 90%;
	}
	.purchase-heading {
		font-size: 19px;
		line-height: 1.6rem;
	}
	.purchase-info {
		font-size: 17px;
	}
	button.purchase-btn {
		padding: 6px 25px !important;
		font-size: 16px;
	}
	button.store-btn {
		padding: 8px 25px !important;
		font-size: 16px;
		width: 100%;
	}
	button.purchase-done-btn {
		padding: 8px 25px !important;
		font-size: 16px;
	}
	.footer-info {
		font-size: 15px !important;
	}
	.change-color {
		font-size: 15px !important;
	}
	.surprise-date-input {
		font-size: 15px !important;
		width: 40% !important;
	}
	.purchaser-edit-box {
		margin-left: 6px;
	}
	.user-guestbook {
		padding: 0 1em !important;
	}
	.guestbook-status p {
		font-size: 19px;
	}
	.guestbook-heading h3 {
		font-size: 25px !important;
	}
	.notification-heading h2 {
		font-size: 25px !important;
	}
	.nav-item.find-registry {
		display: block !important;
	}
	.no-result-msg {
		margin: 100px 0 !important;
	}
	.registry-url-container {
		display: block;
	}
	.registry-url-container input{
		width: 90%;
	}
	form.common-form {
		margin: 0 15px;
	}
	.user-dashboard-page {
		padding: 0 !important;
	}
	.baby-check-heading h1 {
		padding: 25px 0 ;
	}
	.adjust-lower-btn {
		margin-top: 30px;
	}
	.checklist-heading p {
		font-size: 17px;
		padding: 10px 0;
	}
	.checklist-subinfo {
		flex-direction: column;
		padding: 0 20px;
	}
	.left-info, .right-info {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.progress-wrapper{
		margin-right: 0;
	}
	.checklist-divider {
		height: 0%;
	}
	.left-info {
		display: flex;
		margin: 0 auto;
		padding: 15px 10px 20px 10px;
	}
	.progress-details p {
		margin-left: 7em;
	}
	.lifafa-bar {
		font-size: 14px;
	}
	.lifa-icon {
		font-size: 14px;
	}
	.dashboard-content {
		display: block;
	}
	.lifafa-info p {
		margin-bottom: 15px;
    }
	.filter-section {
		margin: 1.5em 0;
	}
	.product-grid {
		padding-left: 0;
	}
	.search-part input {
		padding: 10px 60px 10px 15px;
	}
	.search-icon-product {
		top: 12px;
	}
	.view-heading h3 {
		font-size: 20px;
	}
	.baby-date {
		margin-bottom: 15px;
    }
	.gift-btn button {
		margin: 0;
	}
	.or-text {
		top: 0;
		margin: 0.5rem 0 0.5rem 4.75rem;
	}
	.qr-btn-container {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 20px;
	}
	.filter-box {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	.filter-part {
		width: 100%;
		margin: 0 auto !important;
	}
	.filter-part label {
		width: 75px;
	}
	.filter-part .select-wrapper {
	    width: 100%;
	}
	.view-product-dashboard {
		padding: 80px 30px !important;
	}
	.adjust-shop-container,
	.adjust-product-container {
		padding-bottom: 35px;
	}
	.search-part {
		width: 90% !important;
	}
	.sorting-shop-container {
		padding: 0 20px;
	}
	.adjust-delete-set {
		margin-bottom: -35px;
	}
	.adjust-sec-delete {
		margin-bottom: -20px;
	}
	.already-purchased-message p {
		padding: 12px 5px;
	}
	.visitor-item {
		padding: 10px;
	}
}
@media (min-width: 1200px) and (max-width: 1399px) {
	.cash-gift .spacing {
		height: 10px;
	}
	.start-reg .store-box {
		padding: 0 22%;
	}
	.start-reg-box {
		left: 1%;
	}
	.spacing-mid {
		height: 40px;
	}
	.icons-left {
		margin: 15px 0 0 -30px !important;
	}
	:root {
		--font-med: 43px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	:root {
		--font-large: 50px;
		--font-med: 43px;
	}
	.hero-img img {
		height: 550px;
		margin: 100px 0 0 0;
	}
	.hero-text {
		padding-top: 6px !important;
	}
	.hero-text .button a {
		padding: 12px 20px;
	}
	.store-img img {
		max-width: 90%;
	}
	.brands-box {
		padding: 0 0 30px;
	}
	.cash-gift svg {
		margin-bottom: 28px;
	}
	.cash-gift .hero-text {
		padding-top: 36px !important;
	}
	.cash-gift .spacing {
		height: 50px;
	}
	.start-reg-box {
		left: -3%;
	}
	.start-reg-box.right-box {
		right: -7%;
	}
	.start-reg .store-box {
		padding: 0 27%;
	}
	.download-btn .spacing-mid {
		height: 40px;
	}
	.download-btn a {
		width: 200px;
		margin: 0 0 0 10px;
	}
	.download-app .store-box h1 {
		font-size: 35px;
	}
	.our-guide .store-box {
		margin: 33px 0 0;
		padding: 0 20px 0 0;
	}
	.start-reg .store-box .spacing-small {
		height: 0;
	}
	.visitor-dashboard {
		max-width: 60%;
	}
	.button-bought {
		font-size: 14px;
	}
	.surprise-date-input {
		font-size: 15px !important;
		width: 35% !important;
	}
	.desired-quantity,
    .purchased-quantity {
	flex-basis: 50%;
    }
	.view-store-btn {
		width: 55% !important;
	}
	.common-modal-popup {
		width: 50% !important;
	}
	.registry-url-container {
		display: block;
	}
	.registry-url-container input{
		width: 90%;
	}
	.last-thing-desc p {
		font-size: 20px;
		padding: 0 6em;
	}
	.last-steps-info-container {
		padding: 15px 160px;
	}
	.sliding-container {
		padding: 0 80px;
	}
	.image-caption {
		font-size: 19px;
		margin-top: 0 !important;
	}
	.carousel-items {
		padding: 20px 30px 70px 30px;
	}
	.carousel-items img {
		padding: 0;
	}
	.image-item img {
		height: 200px;
		padding: 0 20px;
	}
	.shop-btn {
		padding: 8px !important;
		font-size: 13px !important;
	}
	.product-name {
		font-size: 15px;
	}
	.product-price {
		font-size: 14.5px;
	}
	.checkbox-label {
		font-size: 15px;
	}
	.profile-image {
		height: 220px !important;
	}
	.category-cover {
		height: 300px;
	}
	.profile-wrapper {
		bottom: -110px;
	}
	.cat-accordion-btn {
		font-size: 18px;
	}
	.partner-logo-circle {
		top: 42px;
		right: 5px;
		width: 30px;
		height: 30px;
		border: 2px solid white;
	}
	.partner-logo-modal {
		right: 5.5em;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	form.find-registry {
		width: 70%;
	}
	.spacing {
		height: 0;
	}
	:root {
		--font-med: 36px;
	}
	.store-img img {
		max-width: 100%;
		margin: 0 0 30px;
	}
	.store-img .spacing-mid {
		height: 0;
	}
	section.py-5 {
		padding: 2rem 0 !important;
	}
	section.store {
		padding: 1rem 0 4rem !important
	}
	.padding-all {
		padding: 0 10%;
	}
	.faq .spacing-small {
		height: 70px;
	}
	.spacing-small {
		height: 10px;
	}
	.spacing-mid {
		height: 30px;
	}
	.our-guide .store-box {
		margin: -8px 0 0;
		padding: 0;
	}
	section.download-app {
		padding: 25px 0 40px !important;
	}
	p.mb-5 {
		margin: 0 0 30px !important;
	}
	.download-btn a {
		margin: 0 0 10px;
		float: right;
	}
	.start-reg-box {
		top: 10%;
		left: 0%;
	}
	.start-reg .store-box {
		padding: 40px 22%;
	}
	.start-reg-box img {
		max-width: 50%;
	}
	.copyright {
		margin: 10px 0 0;
	}
	.cash-gift svg {
		margin-bottom: 28px;
	}
	.hero-banner.cash-gift {
		min-height: 480px;
	}
	.hero-banner {
		min-height: 420px;
	}
	header + main .welcome:first-child {
		margin: 0 0 50px;
	}
	.button-bought {
		display: block !important;
	}
	.pipe {
        display: none;
    }
	.purchase-heading {
		font-size: 22px;
		line-height: 2rem;
	}
	.purchase-info {
		font-size: 16px;
	}
	button.purchase-btn {
		padding: 6px 25px !important;
		font-size: 16px;
	}
	button.store-btn {
		padding: 8px 25px !important;
		font-size: 16px;
		width: 100%;
	}
	button.purchase-done-btn {
		padding: 8px 25px !important;
		font-size: 16px;
	}
	.footer-info {
		font-size: 13.5px !important;
	}
	.change-color {
		font-size: 14px !important;
	}
	.surprise-date-input {
		font-size: 15px !important;
		width: 38% !important;
	}
	.visitor-desc-container {
		padding: 90px 80px 0 80px;
	}
	.visitor-desc-container p {
		font-size: 16px;
	}
	.sliding-container {
		padding: 0 70px;
	}
	.carousel-inner img {
		height: 300px;
	}
	.image-caption {
		font-size: 19px;
	}
	.carousel-items {
		padding: 20px 25px 70px 25px;
	}
	.image-item img {
		height: 180px;
		padding: 0 10px;
	}
	.full-caption {
		font-size: 20px;
	}
	.profile-image {
		height: 200px !important;
	}
	.category-cover {
		height: 260px;
	}
	.profile-wrapper {
		bottom: -100px;
	}
	.sorting-shop select {
		width: 100% !important;
	}
	.search-part input {
		margin-top: -1em;
	}
	.search-icon-product {
		top: 3px;
	}
	.block-website {
		font-size: 23px;
	}
	.use-extension {
		font-size: 28px;
	}
	.partner-logo-modal {
		right: 11em;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.modal-dialog.add-gifts-popup .modal-user {
		float: none !important;
		margin: 0px 30px 0 0!important;
    }
	div#change-password {
		width: 500px;
	}
	form.find-registry {
		width: 94%;
	}
	/* .registy-link {
		grid-template-columns: 5fr 2fr 2fr;
	} */
	.view-list .product-details > a {
		display: grid;
		grid-template-columns: 2fr 3fr !important;
		align-items: center;
		justify-items: left;
	}
	.view-list .product-price h3 {
		margin: 15px 0 0 !important;
	}
	.welcome .hero-text {
		text-align: center;
		margin: 20px 0;
	}
	.welcome .hero-text h1 {
		font-size: 30px;
	}
	.welcome .hero-text h2 {
		font-size: 20px;
		padding: 0 !important;
	}
	.hero-text-info {
		margin: 2rem 0;
	}
	.welcome .button {
		margin: 20px auto 0;
	}
	.spacing {
		height: 0;
	}
	:root {
		--font-med: 40px;
	}
	.icons-bg {
		background-size: cover;
		background-position: center left;
	}
	.store {
		text-align: center;
	}
	.spacing-mid {
		height: 20px;
	}
	.light-bg {
		padding: 10px 0 30px !important;
	}
	.hero-banner.cash-gift {
		min-height: 420px;
	}
	.hero-banner.cash-gift svg {
		margin-bottom: 29px;
	}
	.start-reg-box {
		left: -5%;
		top: 10%;
	}
	.start-reg-box img {
		max-width: 50%;
	}
	.start-reg .store-box {
		padding: 0 10%;
	}
	.start-reg-box.right-box {
		right: -8%;
	}
	.start-reg .button {
		margin: 0 0 50px;
	}
	.start-reg .hero-banner {
		min-height: auto;
	}
	section.download-app {
		text-align: center;
	}
	.download-btn a {
		width: 200px;
		margin: 0 0 20px;
	}
	.surprise-date-input {
		font-size: 15px !important;
		width: 25% !important;
	}
	.product-details-container {
		margin: 15px 0 -6px;
	}
	.product-quantity ul li {
		margin: 8px 20px 0 0;
	}
	.heading-app-links {
		margin: 0 0 10px 0 !important;
	}
	.footer-list h4 {
		font-size: 14px;
	}
	.manual-btn-container button {
		width: 60%;
	}
	.visitor-desc-container {
		padding: 80px 40px 0 40px;
	}
	.col-md-2-5 {
		flex: 0 0 calc(53% - 1rem);
		max-width: calc(53% - 1rem);
	}
	.carousel-inner img {
		height: 250px;
	}
	.sliding-container {
		padding: 0 60px;
	}
	.image-caption {
		font-size: 17px;
	}
	.carousel-items {
		padding: 20px 20px 70px 20px;
	}
	.image-item img {
		height: 160px;
		padding: 0 10px;
	}
	.full-caption {
		font-size: 18px;
	}
	.profile-image {
		height: 180px !important;
	}
	.category-cover {
		height: 200px;
	}
	.profile-wrapper {
		bottom: -90px;
	}
	.select-registry-container {
		padding: 0 10px;
	}
	.registry-wrapper {
		margin: 20px 25px 40px 25px;
	}
	.block-website {
		font-size: 19px;
	}
	.use-extension {
		font-size: 24px;
	}
	.partner-logo-circle {
		top: 10px;
		right: 15px;
		width: 35px;
		height: 35px;
		border: 2px solid white;
	}
	.partner-logo-modal {
		right: 5.5em;
	}
	.desired-qty, .purchased-qty, .color, .size {
	    flex-basis: 100%;
	    text-align: left;
	}
}
@media (min-width: 200px) and (max-width: 575px) {
	.modal-dialog.add-gifts-popup .modal-header {
        display: block;
    }
	.modal-dialog.add-gifts-popup .modal-user {
		text-align: center;
	}
	dialog#dialog {
		width: 350px;
		min-width: auto;
	}
	.gift-list .grid-buttons {
		position: absolute;
	}
	.filter-box {
		float: none;
		width: 100%;
	}
	.grid-buttons {
		position: inherit;
	}
	div#change-password {
		width: 80%;
	}
	.gifts-bought {
		grid-template-columns: auto;
		margin: 10px 0;
		row-gap: 15px;
	}
	.accordion-button {
		font-size: 16px;
		padding: 10px;
	}
	.accordion-body {
		padding: 0 10px 10px 10px;
	}
	.user-details.user-box a {
		margin: 0 10px 10px 0 !important;
		width: auto !important;
	}
	.reset-info h2 {
		margin: 30px 0 0;
	}
	.adjust-user-box {
		width: 100%;
	}
	form.find-registry {
		width: 100%;
	}
	.otp-field input {
		height: 40px;
		width: 40px;
	}
	.view-visitor-product-info h5 {
		font-size: 18px !important;
		line-height: 26px !important;
	}
	.view-visitor-product-details p {
		font-size: 15px;
	}
	.product-details .user-box .form-btn {
		margin: 20px 0 0;
	}
	.view-list .product-details > a {
		grid-template-columns: 1.5fr 3fr !important;
		align-items: center;
	}
	.grid .product-price h3 {
		margin: 15px 0;
	}
	.product-price h3 {
		font-size: 19px;
	}
	.purchaser-box {
		width: 100px;
		height: 45px;
		padding: 6px 8px;
	}
	.view-purchaser-info {
		font-size: 12px !important;
	}
	.purchased-status {
		font-size: 12px !important;
	}
	.registry-box {
		width: 70%;
		margin: 10px auto 20px;
	}
	.modal {
		width: 95%;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	.login button {
		margin: 0 7px;
	}
	.login a {
		margin: 0 0 0 10px;
	}
	.navbar-logo img {
		max-width: 160px;
	}
	.col-sm-6 {
		width: 100%;
	}
	.main .welcome:first-child .col-sm-6 {
		width: 30% !important;
	}
	.main .welcome:first-child .col-sm-6 + .col-sm-6 {
		width: 70% !important;
	}
	.hero-img img {
		height: 320px !important;
		margin: 0 0 0 -32px !important;
	}
	.welcome .hero-text h1 {
		font-size: 23px;
	}
	.welcome .hero-text h2 {
		font-size: 15px;
	}
	.hero-text-info {
		margin: 1.8rem 0;
	}
	.welcome .button {
		margin: 20px auto 0;
	}
	.welcome .hero-text {
		text-align: center;
		margin: 10px 0;
	}
	.button a {
		padding: 10px 20px;
	}
	.spacing {
		height: 0;
	}
	.spacing-mid {
		height: 20px;
	}
	section.faq {
		padding: 30px 0 !important;
		margin: 30px 0 0;
	}
	.store {
		text-align: center;
	}
	.store-img img {
		max-width: 90%;
		height: auto;
	}
	:root {
		--font-med: 30px;
	}
	.button.mt-5 {
		margin: 20px 0 0 !important;
	}
	header + main .welcome:first-child {
		margin: 0 0 30px;
	}
	.brand-item, .brand-item:nth-child(10) {
		width: 50%;
		border-right: 0;
		border-bottom: 1px solid #ddd;
	}
	.brand-item, .brand-item:nth-child(3), .brand-item:nth-child(9){
		border-right: 1px solid #ddd;
	}
	.start-reg-box {
		position: relative;
		text-align: center;
		top: 20px;
		left: auto;
		display: table;
		margin: 0 auto;
	}
	.start-reg-box.right-box {
		right: 0;
		left: auto;
		bottom: -20px;
	}
	.start-reg .store-box {
		padding: 0;
	}
	.start-reg-box.right-box img {
		float: none;
	}
	.start-reg p.mb-5 {
		margin: 0 0 15px !important;
	}
	.download-app {
		text-align: center;
	}
	.adjust-logo {
		text-align: center;
	}
	.download-btn a {
		margin: 0 5px;
		width: 200px;
	}
	.download-btn {
		margin: 0 0 20px;
	}
	.hero-banner.cash-gift {
		min-height: 320px;
		background-position: center right;
	}
	.button-bought {
		display: block !important;
	}
	.pipe {
        display: none;
    }
	.cash-gift br {
		display: none;
	}
	.cash-gift .hero-text h1 {
		margin: 0 0 20px !important;
	}
	.store-img {
		margin: 0 0 30px;
	}
	.visitor-dashboard {
		margin: 50px auto;
		max-width: 99%;
	}
	.mobile-visitor-board {
		margin-bottom: 130px !important;
	}
	.visitor-user-box {
		width: 95%;
	}
	.privacy-heading, .aboutus-heading, .blog-heading {
		font-size: 22px !important;
		margin: 60px 0 0 0 !important;
		line-height: 30px;
	}
    .about-us, .blog-container {
		padding: 0 10px;
	}
	.privacy {
		padding: 0 15px;
	}
	.about-us, .blog-body p {
		font-size: 16px;
		line-height: 28px;
	}
	.btn-section {
		margin: 40px 0;
	}
	.btn-section button {
		padding: 9px 40px !important;
		font-size: 14px;
		flex: 1;
		margin: 10px 30px !important;
	}
	.visit-heading {
		font-size: 19px;
	}
	.common-popup {
		width: 100% !important;
	}
	.toggle-buttons {
		top: -6px;
	}
	.toggle-check-box input[type="checkbox"] {
		width: 45px;
		height: 25px;
	}
	.toggle-check-box input[type="checkbox"]::after {
		width: 25px;
		height: 25px;
	}
	h4 {
        font-size: 1.26rem;
	}
	h4.visitor-password {
		font-size: calc(1rem + .3vw);
	}
	.surprise-date-input {
		font-size: 14px !important;
		width: 36% !important;
	}
	.desired-quantity,
    .purchased-quantity {
	flex-basis: 42% !important;
    }
	.multiple-gift-heading {
		font-size: 21px !important;
	}
	.product-details-container {
		margin: 15px 0 -6px;
	}
	.product-quantity ul li {
		margin: 8px 16px 0 0;
	}
	.view-product-btn {
		font-size: 14px;
	}
	.modal-header p {
		font-size: 16px;
	}
	.common-modal-popup {
		width: 100% !important;
	}
	.no-result-msg {
		margin: 130px 0 !important;
	}
	.aboutus-subheading, .blog-subheading {
		font-size: 20px !important;
	}
	.registry-url-container input{
		width: 100%;
	}
	.add-gifts-popup-login, .add-gifts-popup-shop {
		min-width: 100%;
	}
	.user-box-add-gift, .add-gifts-popup {
		width: 100% !important;
	}
	.adjust-popup, .option-adjust {
		margin: 0;
	}
	.manage-gift {
		margin: 3em 0 5em 0;
	}
	.adjust-manage-btn {
		margin-right: 0;
	}
	.btn-primary.add-gift-login-btn {
		width: 100%;
	}
	.email-banner p {
		font-size: 12.5px;
	}
	.email-banner p a {
		font-size: 12px;
	}
	.mobile-checkbox-text {
		font-size: 14px !important;
	}
	.checkbox-container {
		padding: 0 5px !important;
	}
	.checkbox-size input[type="checkbox"] {
		margin-right: 15px !important;
		transform: scale(1.4);
	}
	.profile-picture {
		width: 120px;
		height: 120px;
	}
	.edit-profile-icon {
		bottom: 10px;
	}
	.visitor-btn {
		width: 65% !important;
	}
	.adjust-personal-btn {
		margin-bottom: 60px;
	}
	.heading-app-links {
		margin: 0 0 15px 0 !important;
	}
	.app-links {
		flex-direction: column;
	}
	.app-download-image {
		margin-bottom: 10px;
	}
	.hero-text h1 {
		padding: 0 10px;
	}
	.hero-text h2 {
		padding: 0 5px;
	}
	.user-box.or {
		margin: 32px 0;
	}
	.user-box.shop-or {
		margin: 10px 0 !important;
	}
	.gift-modal-spacing {
		margin-bottom: 17.6em;
	}
	.manual-btn-container button {
		width: 100%;
	}
	.manual-btn-container {
		margin-top: 5px;
		margin-bottom: 40px;
	}
	.visitor-desc-container {
		padding: 70px 20px 0 20px;
	}
	.last-thing-desc p {
		font-size: 15.5px;
		margin: 15px 0;
		line-height: 25px;
	}
	.last-steps-info-container {
		padding: 15px 10px;
	}
	.col-md-2-5 {
		flex: 0 0 calc(53% - 1rem);
		max-width: calc(53% - 1rem);
	}
	.checklist-heading p {
		padding: 10px 20px;
	}
	.carousel-inner img {
		height: 150px;
	}
	.sliding-container {
		padding: 0 26px;
	}
	.image-caption {
		font-size: 14.5px;
		line-height: 20px;
	}
	.carousel-items {
		padding: 20px 8px 50px 8px;
	}
	.carousel-items img {
		height: 120px;
	}
	.custom-arrow {
		width: 25px !important;
		height: 25px !important;
		padding-top: 2.5px !important;
	}
	.next-arrow {
		right: -25px !important;
	}
	.prev-arrow {
		left: -25px !important;
	}
	.image-item img {
		height: 130px;
		padding: 0 2px;
	}
	.full-caption {
		font-size: 17px;
	}
	.lifafa-info p {
		font-size: 16px;
	}
	.profile-image {
		height: 130px !important;
	}
	.profile-wrapper {
		bottom: -70px;
	}
	.category-cover {
		height: 140px;
	}
	.product-view-container {
		padding: 0 10px;
	}
	.product-view-name {
		font-size: 1.2rem;
	}
	.action-icon {
		margin: 0 auto;
		margin-top: 5px;
	}
	.process-heading h4 {
		font-size: 16px;
	}
	.select-registry-container {
		padding: 0 10px;
	}
	.registry-wrapper {
		width: 115px;
		margin: 0 20px 30px 20px;
	}
	.registry-circle {
		width: 100px;
		height: 100px;
	}
	.registry-circle img {
		width: 95%;
		height: auto;
	}
	.registry-wrapper h4 {
		margin-top: 20px;
		font-size: 13px;
	}
	.process-heading h4 {
		font-size: 16px;
	}
	.custom-del-btn {
		font-size: 15px;
		margin: 5px !important;
	}
	.category-main-container {
		text-align: center;
	}
	.category-container {
		margin-top: 10px;
        flex-direction: column;
        align-items: stretch;
    }
	.category-heading {
		margin-bottom: 0.5em !important;
	}
    .category-input {
		margin-bottom: -10px !important;
    }
	.category-btn-box {
		margin-bottom: 1.5em !important;
	}
	.user-detials-btn button.category-btn {
		padding: 5px 40px !important;
		margin-left: 0;
		margin: 0 10px;
	}
	.button .button-qr-outline {
		padding: 8px 10px;
		font-size: 14px;
	}
	.point-btn button {
		padding: 8px 20px;
	}
	.last-step-heading {
		font-size: 18px;
	}
	.add-qr-container {
		padding: 8px 10px;
	}
	.drag-text {
		font-size: 15px;
	}
	.arrow-icon {
		margin-left: 5px;
	}
	.arrow-icon img{
		width: 40px;
	}
	.gift-btn button {
		padding: 10px 15px;
		font-size: 14px;
	}
	.block-website {
		font-size: 19px;
		line-height: 25px;
	}
	.use-extension {
		font-size: 22px;
	}
	.no-info-avilable h4 {
		font-size: 18px;
	}
	.no-notification {
		margin: 5em 1em 15em 1em;
	}
	.product-col-container {
		width: 50%;
	}
	.product-item {
		padding: 8px;
		margin-bottom: 20px;
	}
	.shop-popup {
		margin: 0 auto;
	}
	.shop-btn {
		padding: 6px 10px;
		font-size: 14px;
	}
	.shop-edit-btn {
		padding: 4px 10px;
	}
	.email-header {
		margin-top: 4em;
	}
	.browse-heading {
		padding: 0 0 40px 0;
	}
	.browse-heading h2 {
		font-size: 22px;
	}
	.carousel-indicators {
		bottom: -16px;
	}
	.visitor-section-name h5 {
		font-size: 14px;
	}
	.view-product-image {
		height: 300px;
	}
	.partner-logo-circle {
		top: 0;
		right: 10px;
		width: 35px;
		height: 35px;
		border: 2px solid white;
	}
	.partner-logo-modal {
		right: 5.5em;
	}
	.modal-gift-footer {
		position: sticky;
		bottom: 0;
		background-color: white;
		padding: 10px 0;
	}
	.custom-modal-content {
		height: calc(100vh - 60px);
		overflow-y: auto;
		overflow-x: hidden;
	}
	.accordion-button {
		font-size: 20px;
	}
	.all-cat-label {
		max-width: 280px;
	}
	.truncate-label {
		font-size: 12px;
	}
	.toggle-privacy {
		font-size: 14px;
	}
	.status-icon {
		margin-left: 2px;
		cursor: pointer;
	}
	.purchaser-dashboard {
		margin-top: 0;
	}
	.adjust-heading {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 15px;
        place-items: center;
        text-align: center;
    }
	.visitor-name {
		flex-direction: column;
	}
	.share-space {
		margin-top: 10px;
	}
	.visitor-main {
		--bs-gutter-x: .5rem;
	}
	.visitor-dash {
		padding: 0 !important;
	}
	.gift-now-btn {
		padding: 6px 30px !important;
		margin: 0 !important;
	}
}
@media (min-width: 200px) and (max-width: 440px) {
	.col-md-2-5 {
		flex: 0 0 calc(53.9% - 1rem);
		max-width: calc(53.9% - 1rem);
	}
	.partner-logo-circle {
		top: 25px;
		right: 0;
	}
	.partner-logo-modal {
		right: 1.1em;
	}
}