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

.fl_l1 {
	position: absolute;
	margin: 0 !important;
	top: 15%;
	max-width: 100%;
	overflow: hidden;
	height: 134.1px;
	flex-shrink: 0;
	left: 0;
	z-index: -1;
}
.fl_l2 {
	position: absolute;
	margin: 0 !important;
	top: 80%;
	max-width: 100%;
	overflow: hidden;
	height: 134.1px;
	flex-shrink: 0;
	left: 0;
	z-index: -1;
}
.fl_r1 {
	position: absolute;
	margin: 0 !important;
	top: 5%;
	max-width: 100%;
	overflow: hidden;
	height: 119px;
	flex-shrink: 0;
	right: 0;
	z-index: -1;
}
.fl_r2 {
	position: absolute;
	margin: 0 !important;
	top: 59%;
	max-width: 100%;
	overflow: hidden;
	height: 119px;
	flex-shrink: 0;
	right: 0;
	z-index: -1;
}
.heartstrings-tarot {
	color: #d946ef;
}
.heartstrings-tarot-your-guide {
	margin: 0;
}
.heartstrings-tarot-your-container {
	width: 100%;
	position: relative;
	font-size: 42px;
	line-height: 56px;
	text-transform: uppercase;
	font-weight: 600;
	font-family: Poppins;
	text-align: left;
	display: inline-block;
	color: #111;
	padding: 25px 0px;
	text-align: center;
}
.discover-clarity-and {
	width: 100%;
    position: relative;
    font-size: 24px;
    line-height: 43px;
    font-family: Poppins;
    color: #4b4b4b;
    text-align: left;
    display: inline-block;
    padding: 10px 0px;
    text-align: center;
}
.navigating-the-complexities {
	width: 100%;
	position: relative;
	font-size: 22px;
	line-height: 38px;
	font-family: Poppins;
	color: #40485a;
	text-align: left;
	display: inline-block;
	padding: 25px 0px;
}
.heard_img img {
	width: 100%;
	position: relative;
	border-radius: 16px;
	max-width: 100%;
	overflow: hidden;
	height: 452px;
	flex-shrink: 0;
	object-fit: cover;
	border: 6px solid #F0ABFC;
}
.nayzak-everyone-in {
	position: relative;
	letter-spacing: -1px;
	line-height: 45px;
	font-weight: 500;
	display: inline-block;
}
.group-icon {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	left: 0%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	object-fit: cover;
}
.click-here-begin {
    float: left;
    text-align: center;
    padding: 6px 13px;
    border-radius: 40px;
    border: 1px solid #d5bbbb;
    width: 290px;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 2px solid #fff;
}
.card{
	background: none !important;
}
.click-here-to {
    float: left;
    text-align: center;
    padding: 6px 13px;
    border-radius: 40px;
    border: 1px solid #d5bbbb;
    width: 140px;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 2px solid #fff;
	position: relative;
	z-index: 1;
}

.frame {
	position: relative;
    overflow: hidden;
    flex-shrink: 0;
    font-size: 17.51px;
    color: #fff;
    background: #5f5eff;
    border-radius: 50px;
    cursor: pointer;
    width: 380px;
    float: left;
    padding: 16px;
    box-shadow: -1px -1px 7px 6px #fff;
}
/* .frame {
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	font-size: 17.51px;
	color: #fff;
	background: #8b2494;
	border-radius: 50px;
	cursor: pointer;
} */
.heard_img {
    width: 80%;
    margin: 0 auto;
}
.nayzak-everyone-in-parent {
	width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 32px;
    text-align: center;
    font-size: 34px;
    color: #000;
    font-family: Poppins;
    padding: 50px 115px;
}
.fl_btn_red {
    width: 50px;
    position: relative;
    max-width: 100%;
    /* overflow: hidden; */
    height: 50px;
    float: left;
    box-shadow: 14px 0px 11px 16px #f32e2d;
}
.fl_btn_blue_begin {
    width: 50px;
    position: relative;
    max-width: 100%;
    /* overflow: hidden; */
    height: 50px;
    float: left;
}
.fl_btn_blue {
    width: 50px;
    position: relative;
    max-width: 100%;
    /* overflow: hidden; */
    height: 50px;
    float: left;
    box-shadow: 14px 0px 11px 16px #5f5eff;
}
.single-frame {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    font-size: 17.51px;
    color: #fff;
    background: #f4312f;
    border-radius: 50px;
    cursor: pointer;
    width: 210px;
    float: right;
    padding: 8px;
    box-shadow: -1px -1px 7px 6px #fff;
}
.attched-frame {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    font-size: 17.51px;
    color: #fff;
    background: #5f5eff;
    border-radius: 50px;
    cursor: pointer;
    width: 210px;
	float: left;
    padding: 8px;
    box-shadow: -1px -1px 7px 6px #fff;
}
.why_head {
	width: 100%;
	position: relative;
	font-size: 26px;
	line-height: 40px;
	font-weight: 500;
	font-family: Poppins;
	color: #000;
	text-align: left;
	display: inline-block;
}
.why_p {
	/* width: 100%; */
	position: relative;
	font-size: 22px;
	line-height: 38px;
	font-family: Poppins;
	color: #40485a;
	/* white-space: pre-wrap; */
	text-align: left;
	display: inline-block;
	/* height: 151px; */
}
/******discover-related-topics****/
.discover-related-topics {
	align-self: stretch;
	position: relative;
	line-height: 38px;
	font-weight: 600;
}
.div {
	align-self: stretch;
	width: 10px;
	position: relative;
	line-height: 32px;
	font-weight: 600;
	display: inline-block;
	flex-shrink: 0;
}
.container2 {
	width: 62px;
	border-radius: 100px;
	border: 2px solid #d946ef;
	box-sizing: border-box;
	height: 62px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 14px;
}
.icon-container {
	width: 82px;
	border-radius: 100px;
	border: 2px solid #d946ef;
	box-sizing: border-box;
	height: 82px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	padding: 10px;
}
.future-predication-free {
	align-self: stretch;
	position: relative;
	line-height: 32px;
	font-weight: 600;
}
.lorem-ipsum-dolor {
	align-self: stretch;
	position: relative;
	font-size: 16px;
	line-height: 20px;
	color: #666;
	display: -webkit-inline-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.future-predication-free-parent {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 8px;
	color: #252933;
	font-family: Poppins;
}
/* .icon {
  	width: 24px;
  	position: relative;
  	height: 24px;
  	overflow: hidden;
  	flex-shrink: 0;
} */
.container_da {
	flex: 1;
	border-radius: 12px;
	background-color: #fce7f3;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 40px;
	gap: 32px;
}
.cont_grid {
	border-radius: 12px;
	background-color: #e879f9;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 2px;
	box-sizing: border-box;
	margin-right: 10px;
	margin-bottom: 10px;
}
.container-parent {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 32px;
	font-size: 20px;
	color: #000;
	font-family: Inter;
}
.discover-related-topics-parent {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 34px 0px 0px;
	box-sizing: border-box;
	gap: 32px;
	text-align: left;
	font-size: 22px;
	color: #252933;
	font-family: Poppins;
}
.frame:hover {
	background: #cd38da;
}
.click_a,
.click_a:hover {
	color: #fff;
}
.begin-your-reading-parent:hover {
	background: #cd38da;
}
.begin-your-reading {
	position: relative;
	line-height: 25.15px;
	font-weight: 600;
	cursor: pointer;
}
.begin-your-reading-parent {
	position: relative;
	border-radius: 10.06px;
	background-color: #d946ef;
	/* width: 100%; */
	/* height: 74px; */
	/* display: flex; */
	/* flex-direction: row; */
	align-items: center;
	justify-content: flex-start;
	padding: 12.6px 37.7px;
	box-sizing: border-box;
	text-align: center;
	font-size: 22.64px;
	color: #fff;
	margin: 0 auto;
	font-family: Poppins;
}
/****Pick card page****/
.its-time-to-pick-your-1-lov {
	margin: 0;
}
.card-to-begin {
	color: #fff;
}
.tarot-card-to-begin {
	margin: 0;
	color: #d946ef;
}
.its-time-to-container {
	width: 100%;
	position: relative;
	font-size: 48px;
	line-height: 56px;
	text-transform: uppercase;
	font-weight: 600;
	font-family: Poppins;
	text-align: center;
	display: inline-block;
	color: #fff;
}
.card-container{
	margin: 50px 0px;
}


.loveVideoBG{ background: url(../../img/love-video/loveVIdeoBG.jpg)no-repeat; background-size: cover; background-position: top;}
.loveVideoBG .heartstrings-tarot-your-guide{     display: flex ; flex-direction: column; gap: 10px; text-align: center; justify-content: center; border: 1px solid; padding: 20px; border-radius: 20px; width: fit-content;}
.loveVideoBG .heartstrings-tarot-your-guide span, .loveVideoBG p.heartstrings-tarot-your-guide{ line-height: 1.1; font-size: 20px;}
.loveVideoBG .heartstrings-tarot-your-guide span.heartstrings-tarot{ line-height: 1.1; font-size: 30px;}
.loveVideoBG .discover-clarity-and{ line-height: 1.1; padding: 0;}
.loveVideoBG .heartstrings-tarot-your-container{ padding: 40px 0 !important; display: flex; flex-direction: column; gap: 40px; align-items: center; justify-content: center;} 
.loveVideoBG .heard_img{ width: 100%; max-width: 600px; margin: 0 auto; z-index: 1; position: relative;}
.loveVideoBG .heard_img img{ width: 100%; height: auto; background-size: cover; border-radius: 100px; object-fit: contain; aspect-ratio: 16 / 9; }
.loveVideoBG .nayzak-everyone-in-parent{     background: #f8a9bc;  padding: 50px; padding-top: 100px; margin-top: -50px; border-radius: 50px; border: 1px solid #fff;}
.loveVideoBG .fl_btn_blue_begin{ display: none;}
.loveVideoBG .click-here-begin,.loveVideoBG  .click-here-to { float: none; text-align: center; padding: 0; border-radius: 0; border: none; width: 100%; font-size: 20px; font-weight: 600; border-bottom: none; }
.loveVideoBG .nayzak-everyone-in{ line-height: 1.2;}
.loveVideoBG img.cart_img_no{ margin-bottom: 0;}
.loveVideoBG .its-time-to-pick-your-1-lov{ font-size: 48px !important; color: #000;}
.loveVideoBG .card-to-begin{ color: #000;}
.loveVideoBG .your-card-reading{color: #000; line-height: 1.4;}
.loveVideoBG .fl_btn_red, .loveVideoBG .fl_btn_blue{ display: none;}
.loveVideoBG .game-headerv1,.loveVideoBG .div_parent1{ position: unset;}
.loveVideoBG .div_parent1{ padding: 0px !important; border-radius: 32px; }
.loveVideoBG .cardReadingParent{ display: flex; gap: 30px; margin-top: 50px; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25) inset; border-radius: 30px; padding: 50px;}
.loveVideoBG .cardReadingParent .game-headerv1{ flex: 1; box-shadow: none; background-color: transparent; border-radius: 0; padding: 0; margin: 0;}
.loveVideoBG .cardReadingParent .div_parent1{ flex: 2; background-color: transparent; text-align: left; align-items: flex-start; overflow: unset;}
.loveVideoBG .the-moon,.loveVideoBG .you-are-fortunate,.loveVideoBG .choose-your-relationship{ color: #000; line-height: 1.4;}
.loveVideoBG .the-moon{ margin-bottom: 20px;}
.loveVideoBG p.ready-to-go{ font-size: 1em !important; line-height: 1.4;}

@media (width <= 991px){
	.loveVideoBG .cardReadingParent{ flex-direction: column;}
	.loveVideoBG .cardReadingParent .game-headerv1{ width: 100%;}
	.loveVideoBG .cardReadingParent .div_parent1{ text-align: center; align-items: center;}
}
@media (max-width:767.98px){
	.heard_img img{ height: 200px; object-fit: cover;}
	.fl_l1{ top: 30%; height: 70px;}
	.fl_r1{ height: 70px;}
	.click_a{display: flex;align-items: center;justify-content: center;}
	.loveVideoBG .heartstrings-tarot-your-guide span.heartstrings-tarot{ font-size: 20px;}
	.loveVideoBG .heartstrings-tarot-your-guide span, .loveVideoBG p.heartstrings-tarot-your-guide{ font-size: 16px;}
	.loveVideoBG .heartstrings-tarot-your-container{ padding: 20px; gap: 20px;}
	.loveVideoBG .nayzak-everyone-in{ font-size: 20px;}
	.loveVideoBG .discover-clarity-and{ font-size: 20px;}
	.loveVideoBG .heard_img img{ border-radius: 50px;}

	.loveVideoBG .nayzak-everyone-in-parent{ background: transparent; border: none; padding: 0; margin-top: 40px;}
	.loveVideoBG .game-headerv1{ box-shadow: none; background-color: transparent;}

	.loveVideoBG .its-time-to-pick-your-1-lov{ font-size: 20px !important;}
	.loveVideoBG .cardReadingParent{ padding: 20px;}
	.loveVideoBG .the-moon{ font-size: 22px;}
	.loveVideoBG .you-are-fortunate{ font-size: 16px;}
	.loveVideoBG .choose-your-relationship{ font-size: 18px;}
}

@media (max-width:350.98px){
	.single-frame, .attched-frame{ width: 100%;}
	.click-here-to{ width: 110px;padding: 8px 12px;font-size: 14px; z-index: 1; position: relative;}
}