.container-nav {
	align-self: stretch;
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 32px;
}

.pick-1-love {
	width: 100%;
    position: relative;
    line-height: 56px;
    text-transform: uppercase;
    font-weight: 600;
    /* display: flex; */
    /* align-items: center; */
    font-size: 48px;
    /* text-align: left; */
}

.and-find-out {
	width: 100%;
	position: relative;
	font-size: 32px;
	line-height: 43px;
	color: #4b4b4b;
	display: inline-block;
	text-align: left;
	margin-top: 16px;
}

.pick-1-love-card {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	/* gap: 16px; */
	z-index: 0;
	padding: 30px 0px;
	text-align: center;
	width: 100%;
}

img.frame-child:hover {
    transform: scale(1.5);
}



.frame-child {
	align-self: stretch;
	position: relative;
	border-radius: 8px;
	max-width: 100%;
	overflow: hidden;
	height: 216px;
	flex-shrink: 0;
	object-fit: cover;
	z-index: 0;
	z-index: 2;
	transition: all 0.5s linear;
}

.group-icon-bfr {
	position: relative;
	margin: 0 !important;
	max-width: 100%;
	overflow: hidden;
	top: 20px;
	left: -14px;
	z-index: 1;
	height: 21px;
	width: 21px;
}

.group-icon {
	width: 109.1%;
	position: absolute;
	margin: 0 !important;
	height: 112.78%;
	top: -2.7%;
	right: 0.08%;
	bottom: -10.08%;
	left: -9.18%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	z-index: 1;
}

.frame-div {
	width: 100%;
	border-radius: 16px 16px 0px 0px;
	background-color: #92235a;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 16px;
	box-sizing: border-box;
	position: relative;
	gap: 20px;
}

.question-1 {
	align-self: stretch;
	position: relative;
	line-height: 20px;
	display: inline-block;
	height: 25px;
	flex-shrink: 0;
}

.any-hope-for {
	align-self: stretch;
	position: relative;
	line-height: 32px;
	font-weight: 600;
	font-family: Poppins;
}

.at-vero-eos {
	width: 343px;
	position: relative;
	font-size: 12px;
	line-height: 20px;
	color: #5f6980;
	display: none;
}

.iconarrow-right {
	width: 22px;
	position: relative;
	height: 22px;
	display: none;
}

.get-started {
	position: relative;
	line-height: 24px;
	font-weight: 600;
}

.content1 {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 4px;
}

.iconarrow-right1 {
	width: 18px;
	position: relative;
	height: 18px;
	display: none;
}
img.icon {
	cursor: pointer;
}

.button {
	border-bottom: 1px solid #282828;
	display: none;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 2px;
	font-size: 14px;
	color: #282828;
}

.content {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 6px;
	font-size: 20px;
	color: #252933;
	font-family: Inter;
}

.title {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 20px;
	min-height: 109px;
}

.frame-container {
	/* width: 400px; */
	min-height: 380px;
	border-radius: 16px;
	background-color: #fff;
	border: 1px solid #ea95bf;
	box-sizing: border-box;
	overflow: hidden;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 20px;
	margin: 12px !important;
}

.frame-item {
	align-self: stretch;
	border-radius: 8px;
	max-width: 100%;
	overflow: hidden;
	height: 216px;
	flex-shrink: 0;
	object-fit: cover;
	z-index: 0;
}

.love-confession-go {
	margin: 0;
}

.frame-group {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 24px;
	z-index: 1;
	font-size: 16px;
	color: #5e5e5e;
	margin-bottom: 50px;
}

.group-icon9 {
	width: 11.71%;
	position: absolute;
	margin: 0 !important;
	height: 11.91%;
	top: 8.94%;
	right: -3.46%;
	bottom: 79.15%;
	left: 91.75%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	object-fit: contain;
	z-index: 2;
}

.frame-child6 {
	width: 1.88%;
	position: absolute;
	margin: 0 !important;
	height: 1.47%;
	top: 48.75%;
	right: 95.45%;
	bottom: 49.78%;
	left: 2.67%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	opacity: 0.42;
	z-index: 3;
}

.frame-child7 {
	width: 3.1%;
	position: absolute;
	margin: 0 !important;
	height: 2.42%;
	top: 6.08%;
	right: 92.67%;
	bottom: 91.5%;
	left: 4.24%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	z-index: 4;
}

.frame-parent {
	align-self: stretch;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	/* padding: 140px 96px; */
	position: relative;
	/* gap: 40px; */
	font-size: 48px;
	color: #111;
}

.love-is-a {
	line-height: 38px;
}

.blank-line3 {
	font-weight: 600;
}

.blank-line2 {
	letter-spacing: -1px;
}

.blank-line {
	margin: 0;
	font-size: 34px;
	font-family: Inter;
}

.how-it-works {
	margin: 0;
	color: #000;
}

.blank-line6 {
	font-size: 26px;
	font-weight: 500;
	font-family: Poppins;
}

.ask-your-heart {
	line-height: 40px;
}

.b {
	font-family: Inter;
}

.what-do-you {
	font-family: Poppins;
}

.what-do-you-need-to-know-about {
	font-size: 22px;
	line-height: 38px;
	color: #40485a;
}

.nayzak-everyone-in-container {
	align-self: stretch;
	position: relative;
	color: #40485a;
}

.text {
	align-self: stretch;
	position: relative;
	font-size: 42px;
	letter-spacing: -2px;
	line-height: 46px;
	font-weight: 600;
	font-family: Inter;
	color: rgba(255, 255, 255, 0);
}

.discover-related-topics {
	align-self: stretch;
	position: relative;
	line-height: 38px;
	font-weight: 600;
}

.div {
	align-self: stretch;
	position: relative;
	line-height: 32px;
	font-weight: 600;
}

.wrapper {
	align-self: stretch;
	border-radius: 4px;
	background-color: #f0b6d3;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0px 32px;
}

.lorem-ipsum-dolor {
	align-self: stretch;
	position: relative;
	font-size: 16px;
	line-height: 20px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.future-predication-free-parent {
	align-self: stretch;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 8px;
	font-family: Poppins;
}

.chevron-right-icon {
	width: 24px;
	position: relative;
	height: 24px;
	overflow: hidden;
	flex-shrink: 0;
}

.chevron-right-wrapper {
	align-self: stretch;
	border-radius: 4px;
	background-color: #fff;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0px 8px;
}

.frame-parent18 {
	align-self: stretch;
	border-radius: 8px;
	background-color: #ffe8f3;
	border: 1px solid #ea95bf;
	box-sizing: border-box;
	height: 136px;
	overflow: hidden;
	flex-shrink: 0;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 8px;
	gap: 24px;
}

.frame-parent17 {
	/* align-self: stretch; */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 16px;
	font-size: 20px;
	font-family: Inter;
}

.discover-related-topics-parent {
	align-self: stretch;
	width: 100% !important;
	display: block;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 32px;
	color: #252933;
}

.choose-your-card {
	line-height: 40px;
	font-weight: 500;
}

.b1 {
	font-family: Inter;
	white-space: pre-wrap;
}

.heading-text {
	/* align-self: stretch; */
	position: relative;
	display: inline-block;
	/* height: 108px; */
	/* flex-shrink: 0; */
	font-size: 26px;
	padding: 25px 0px;
}

.nayzak-everyone-in-container2 {
	align-self: stretch;
	position: relative;
	font-size: 26px;
}

.section-02 {
	/* width: 1248px; */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	z-index: 0;
}

.group-icon10 {
	width: 13.56%;
	position: absolute;
	margin: 0 !important;
	height: 12.27%;
	top: 72.42%;
	right: 94.72%;
	bottom: 15.31%;
	left: -5.28%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	object-fit: contain;
	opacity: 1;
	z-index: 2;
}

.group-icon11 {
	width: 11.71%;
	position: absolute;
	margin: 0 !important;
	height: 14.02%;
	top: 9.05%;
	right: -3.03%;
	bottom: 76.93%;
	left: 91.32%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	object-fit: contain;
	z-index: 2;
}

.group-icon12 {
	width: 11.71%;
	position: absolute;
	margin: 0 !important;
	height: 14.02%;
	top: 77.68%;
	right: -4.9%;
	bottom: 8.29%;
	left: 93.19%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	object-fit: contain;
	z-index: 3;
}

.group-icon13 {
	width: 9.49%;
	position: absolute;
	margin: 0 !important;
	height: 13.31%;
	top: 32.07%;
	right: 93.91%;
	bottom: 54.61%;
	left: -3.4%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	object-fit: contain;
	z-index: 4;
}

.group-icon14 {
	width: 11.62%;
	position: absolute;
	margin: 0 !important;
	height: 9.94%;
	top: 103.52%;
	right: 84.28%;
	bottom: -13.46%;
	left: 4.1%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	object-fit: contain;
	z-index: 5;
}

.group-icon15 {
	width: 11.62%;
	position: absolute;
	margin: 0 !important;
	height: 9.94%;
	top: 95.1%;
	right: 60.95%;
	bottom: -5.04%;
	left: 27.43%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	object-fit: contain;
	z-index: 6;
}

.section-02-parent {
	background-color: #fff6fb;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	/* padding: 0px 96px 140px; */
	position: relative;
	font-size: 22px;
	color: #000;
	padding: 60px 0px;
}

.abstract-space-background-with-icon {
	/* width: 1554px; */
	position: absolute;
	margin: 0 !important;
	top: calc(50% - 252.5px);
	left: calc(50% - 777px);
	height: 1243px;
	object-fit: cover;
	z-index: 0;
}

.white-logo-1-icon {
	width: 142px;
	position: relative;
	height: 66px;
	object-fit: cover;
}

.supporting-text {
	align-self: stretch;
	position: relative;
	line-height: 24px;
}

.logo-and-supporting-text {
	/* width: 320px; */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 24px;
}

.heading {
	align-self: stretch;
	position: relative;
	line-height: 20px;
	font-weight: 600;
}

.text1 {
	position: relative;
	line-height: 24px;
	font-size: 16px;
	color: #9d9fa1;
	font-family: Inter;
	cursor: pointer;
}
.text1:hover {
	text-decoration: none;
}

.select-card img:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.1) rotateZ(2deg);
}

html{ width: 100%; overflow: auto;}

.love-forecast-Section{ background: url(../../img/love-forecast/love-forecast-bg.jpg)no-repeat; background-size: cover	; background-position: top; padding: 50px 0;}
.love-forecast-Section .pick-1-love{ color: #fff;}
.love-forecast-Section .and-find-out{ color: #aeaeae; text-align: center;}	
.love-forecast-Section .frame-container{ margin: 0 !important; height: 100%; min-height: auto;}
.love-forecast-Section .frame-div{ padding: 0;}
.love-forecast-Section .frameRow{ gap: 30px 0;}

.love-forecast-Section .frame-parent{ background-color: transparent; background-image: none; gap: 0;}
.love-forecast-Section .frame-parent .select-card{ transform:rotate(0deg) !important; top: 0 !important; }
.love-forecast-Section .frame-parent .pick-1-love{ font-size: 48px !important;}
.love-forecast-Section .frame-parent .pick-1-love + .pick-1-love{ font-size: 30px !important; margin-top: 10px;}
.love-forecast-Section .select-card-wrapper .group-parent_1{ margin: 0; margin-bottom: 20px;}
.love-forecast-Section .reveal-card-wrapper{ background-color: transparent;}
.love-forecast-Section .abstract-space-background-with-parent{ background-color: transparent; padding: 0;}
.love-forecast-Section .game-headerv1,.love-forecast-Section .game-headerv1 .group-parent{box-shadow:none; background-color:transparent; padding: 0;}
.love-forecast-Section .game-headerv1 .group-parent{ margin: 50px 0;}
.love-forecast-Section .div_fl{ padding: 0; background-color: transparent; max-width: 400px; margin: 0 auto;}
.love-forecast-Section .nayzak-everyone-in p{ color: #fff; margin-top: 40px; }
.love-forecast-Section .nayzak-everyone-in p + p{ margin: 0;}
.love-forecast-Section .nayzak-everyone-in :where(h1, h2, h3, h4, h5, h6, p){ color: #fff;}

.love-forecast-Section img.frame-child:hover { transform: scale(1.1);}

.love-forecast-Section .are-you-ready{ font-size: 1em !important;}

@media(width <= 767px){
	.love-forecast-Section .frame-parent .pick-1-love{ font-size: 25px !important;}
}