@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	letter-spacing: 0.5px !important;
	line-height: 1.3195 !important;
}

body,
html {
	overflow-x: hidden;
	font-family: "Poppins", sans-serif;
	background-color: rgba(249, 249, 249, 1);
	transition: 0.5s ease-in-out;
}

.Discover_bg {
	background: linear-gradient(180deg, #173673 0%, #2B66D9 18.8%, #F9F9F9 98.34%);
	padding: 150px 10px 0px 10px;
	position: relative;
}

.grid_temp {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 60px;
	max-width: 1280px;
	margin: auto;
	/* z-index: 2; */
	position: relative;
	z-index: 444444 !important;

	@media screen and (max-width: 992px) {
		display: flex;
		flex-direction: column-reverse;
		gap: 20px;
	}
}

.text_container h2 {
	font-weight: 700;
	color: #FFFFFF;
	font-size: 42px;
	position: relative;
	z-index: 444444;

	@media screen and (max-width: 598px) {
		font-size: 32px;
	}
}

a {
	text-decoration: none;
}
.commitment_container a{
	font-size: 16px;
    color: #173673;
    font-weight: 700;
}
.image_container img {
	width: 100%;
}

.text_container p {
	font-size: 16px;
	color: #1B1B1B;
	margin-top: 10px;
}

.text_container p {
	text-align: left;
}

.text_container p {
	color: #FFFFFFE5;
	font-weight: 400;
	font-size: 18px;
	margin-top: 25px;
	margin-bottom: 0;
}

.button_container button {
	color: #173673;
	font-weight: 600;
	font-size: 16px;
	padding: 14px 18px;
	background-color: #FFFFFF;
	border-radius: 6px;
	border: none;
	position: relative;
	z-index: 44444;

	@media screen and (max-width: 598px) {
		font-size: 14px;
	}
}

.button_container {
	margin: 30px 0px;
	text-align: left;
}

.img1 {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.img5 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	animation: leaves 5s ease-in-out infinite alternate;
	-webkit-animation: leaves 5s ease-in-out infinite alternate;
}

.img4 {
	position: absolute;
	right: 0;
	top: 30%;
	z-index: 1;

}

.img2 {
	position: absolute;
	bottom: 140px;
	left: 20px;
	z-index: 1;
	width: 120px;
	animation: leaves 5s ease-in-out infinite alternate;
	-webkit-animation: leaves 5s ease-in-out infinite alternate;
}


.img3 {
	position: absolute;
	bottom: 0;
	left: -20px;
	width: 80px;

}

@keyframes leaves {
	0% {
		transform: scale(1.0);
	}

	100% {
		transform: scale(1.06);
	}
}

.leading {
	position: relative;
	z-index: 2;
	text-align: center;
	display: grid;
	grid-template-columns: auto 1fr;
	max-width: 1180px;
	align-items: center;
	margin: auto;
}

.leading img {
	width: 100%;
	transform: translateX(50px);
	margin-top: 60px;
}

.ancestry {
	background: linear-gradient(0deg, rgba(249, 249, 249, 0.6) 0%, rgba(73, 123, 221, 0.6) 281.15%);
	border-radius: 65px 65px 0px 0px;
	padding: 30px 50px;
	max-width: 800px;
	margin-top: 60px;
}
.ancestry_sections--compare .inner-header{
	display: grid;
	grid-template-columns: 200px 1fr;
}
.ancestry p {
	color: #173673;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: 500;
}





@media screen and (max-width: 768px) {
	.leading {
		grid-template-columns: repeat(1, 1fr);
	}


	.leading img {
		width: 100%;
		transform: translateX(0px);
		margin-top: 60px;
		max-width: 200px;
	}

	.ancestry {
		margin-top: 0;
		padding: 40px 20px;
	}

	.Discover_bg {
		padding: 150px 20px 0px 20px;

	}
}


/* 2nd section */

.Products {
	padding: 50px 10px 0px;
	background-color: #f9f9f9;
}

.product_cont {
	max-width: 1100px;
	margin: auto;
}

.product_cont .row {
	align-items: center;
}

.product_cont>.row>div:nth-child(2) {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.view_btn {
	text-align: end;
}

.product_cont h3 {
	color: #173673;
	font-weight: 600;
	font-size: 36px;
	margin-bottom: 5px;

	@media screen and (max-width: 598px) {
		font-size: 28px;
	}
}

.product_cont p {
	color: #1B1B1B;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 0;
}

.view_btn button {
	border: 1.6px solid #173673;
	background-color: transparent;
	color: #173673;
	font-size: 16px;
	font-weight: 600;
	padding: 12px 20px;
	border-radius: 9px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;

	@media screen and (max-width: 598px) {
		font-size: 14px;
		margin-top: 12px;
	}
}

.view_btn button span {
	margin-right: 10px;
}

.dollers .round_shop {
	font-size: 11px;
}

.buy_shop button {
	border: 1.6px solid #173673;
	margin-bottom: 20px;
	padding: 12px 20px;
	font-size: 12px;
	color: #173673;
	border-radius: 10px;
	background-color: transparent;
}

.grid_items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 50px;
	margin: 100px 0px 50px 0px;
}

.ancestry_items {
	text-align: center;
	background-color: #FFFFFF;
	box-shadow: -7px 4px 17px #0000001F;
	position: relative;
	height: 380px;
	display: flex;
	align-items: center;
	padding: 50px 60px 20px;
	border-radius: 36px;
	transform: skew(2deg, 5deg);
	margin-bottom: 100px;
}

.dollers {
	color: #173673;
	font-size: 17px;
	font-weight: 500;
	margin: 10px 0px;
}

.button_round button {
	background-color: #173673;
	border: none;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	font-weight: 600;
	border-radius: 100px;
}

.button_round {
	position: absolute;
	bottom: -35px;
	left: 50%;
	/* transform: translateX(-50%); */
	transform: translateX(-50%) skew(-5deg, -5deg);
}

.top_img {
	position: absolute;
	top: -80px;
	left: 50%;
	/* transform: translateX(-50%); */
	transform: translateX(-50%) skew(-5deg, -5deg);
}

.text_sect h4 {
	font-size: 24px;
	font-weight: 600;
	color: #173673;
	margin-bottom: 15px;
}

.text_sect p {
	color: #1B1B1B;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0;
}

@media screen and (max-width: 992px) {
	.grid_items {
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 50px;
	}

	.Products {
		padding: 50px 20px;
	}

	.ancestry_items {
		padding: 50px 30px;
	}
}

@media screen and (max-width: 568px) {
	.grid_items {
		grid-template-columns: repeat(1, 1fr);
		margin: 100px 0px 10px 0px;
	}

	.ancestry_items {
		padding: 50px 60px;
	}

	.text_sect h4 {
		font-size: 20px;
		margin: 10px 0 5px 0;
	}

}

.dna_img {
	top: -110px;
}


/* 3 */


.free_section {
	padding-top: 5%;

	@media screen and (max-width: 598px) {
		padding-top: 215px;
	}
}

.kit_section {
	max-width: 1200px;
	margin: auto;
	position: relative;
	background: linear-gradient(90.05deg, rgba(235, 109, 189, 0.95) 61.75%, rgba(231, 168, 65, 0.95) 119.87%);
	border-radius: 15px;
}

.kit_section>img:nth-child(1) {
	position: absolute;
	width: 35%;
	bottom: 0;
	left: 0;
	opacity: 0.3;

	@media screen and (max-width: 992px) {
		top: 0;
		bottom: initial;
	}
}

.kit_section>img:nth-child(2) {
	position: absolute;
	width: 35%;
	bottom: 0;
	right: 0;
	opacity: 0.3;

	@media screen and (max-width: 992px) {
		top: 0;
		bottom: initial;
	}
}

.kit_section>img:nth-child(3) {
	position: absolute;
	width: 35%;
	right: 0;
	margin: auto;
	bottom: 0;
	left: 0;
	opacity: 0.3;

	@media screen and (max-width: 992px) {
		top: 0;
		bottom: initial;
	}
}

.kit_section>.row_cont>.row>.col-md-3 {
	position: relative;
	top: 0;
}

.kit_section>.row_cont>.row>.col-md-3>.doc_img {
	position: absolute;
	top: -112px;

	@media screen and (max-width: 714px) {
		top: initial;
		bottom: 25px;
		right: 0;
	}
}

.kit_section img {
	width: 100%;
}

.row_cont img {
	width: 100%;

	@media screen and (max-width: 992px) {
		width: 265px;
	}
}

.row_cont {
	max-width: 1000px;
	margin: auto;
	padding: 25px;
}

.row_cont .button_container {
	margin-bottom: 0px;
	margin-top: 20px;
	text-align: center;
}

.text_conts {
	text-align: center;
}

.text_conts h4 {
	color: #FFFFFF;
	margin-bottom: -8px;
	font-weight: 700;
	font-size: 26px;

	@media screen and (max-width: 598px) {
		font-size: 22px;
	}
}

/* DNA Component starts here */
.dna__section__row {
	padding: 0px 40px 80px;
	max-width: 1280px;
	margin: auto;
}

.dna__container>h3 {
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	color: rgba(23, 54, 115, 1);
	margin-bottom: 10px;

	@media screen and (max-width: 598px) {
		font-size: 32px;
	}
}

.dna__container>p {
	color: rgba(27, 27, 27, 1);
	font-size: 16px;
	text-align: center;
}

.dna__grid__row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 100px;
	margin-top: 120px;

	@media screen and (max-width: 1080px) {
		gap: 70px;
	}

	@media screen and (max-width: 992px) {
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 70px;
		grid-row-gap: 140px;
	}

	@media screen and (max-width: 598px) {
		grid-template-columns: repeat(1, 1fr);
	}
}

.dna__grid__row>div {
	background-color: rgba(255, 255, 255, 1);
	box-shadow: -5.41px 3.09px 13.14px 1.55px rgba(0, 0, 0, 0.12);
	padding: 40px 40px 20px 40px;
	border-radius: 12px;
	position: relative;
	top: 0;
}

.dna__img__row {
	position: absolute;
	top: -90px;
	background: linear-gradient(91.56deg, #EB6DBD 18.1%, #E99072 112.59%);
	width: 172px;
	height: 172px;
	border-radius: 50%;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 30px;
}

.dna__img__row>img {
	width: 100%;
	height: 100%;
}

.dna_content__row {
	padding-top: 60px;
}

.dna_content__row>h4 {
	color: rgba(23, 54, 115, 1);
	font-weight: 600;
	font-size: 20px;
	text-align: center;
}

.dna_content__row>p {
	color: rgba(27, 27, 27, 1);
	font-weight: 400;
	font-size: 15px;
	text-align: center;
}

.dna_content__row>h4 {
	font-size: 18px;
}

.dna_content__row>p {
	font-size: 14px;
}

.counter__text {
	position: absolute;
	left: -55px;
	bottom: -80px;

	@media screen and (max-width: 598px) {
		left: -32px;
		bottom: -50px;
	}
}

.counter__text>h1 {
	font-family: "Poller One", sans-serif;
	font-weight: 800;
	background: linear-gradient(180deg, #173673 0%, #2B66D9 100%);
	-webkit-background-clip: text;
	/* for Chrome/Safari */
	-webkit-text-fill-color: transparent;
	background-clip: text;
	/* for Firefox */
	color: transparent;
	font-size: 135px;

	@media screen and (max-width: 598px) {
		font-size: 100px;
	}
}

/* DNA Component ends here */


/* Featured component css starts here */
.featured__row {
	background:
		linear-gradient(180deg, #173673 0%, #2B66D9 100%);
	padding: 30px 20px;
	position: relative;
	margin-bottom: 2rem;
	margin-top: 37px;
	overflow: hidden;
}

.featured__row>h4 {
	color: rgba(255, 255, 255, 0.60);
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}

.featured__row>img:nth-child(1) {
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0.1;
}

.featured__row>img:nth-child(2) {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0.1;
	transform: rotate(180deg);
}

.featured__container {
	max-width: 1175px;
	margin: auto;
}

.featured__container>div>div>div>div>div {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
}

.featured__container>div>div>div>div>div>img {
	width: auto !important;
	max-width: 100%;
	object-fit: contain;
}

/* Featured component css ends here */
* {
	letter-spacing: 0.8px !important;
}

header {
	position: fixed;
	top: 20px;
	max-width: 1280px;
	margin: auto;
	left: 10px;
	right: 10px;
	z-index: 999999;
	box-shadow: -7px 4px 17px var(--sds-size-blur-100) rgba(0, 0, 0, 0.12);
	background: linear-gradient(89.95deg, rgba(235, 109, 189, 0.9) 38.41%, rgba(231, 168, 65, 0.9) 74.54%);
	border-radius: 6px;
	transition: transform 0.3s ease;
}

.nav-item>a {
	font-weight: 400;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.9) !important;
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav {
		flex-direction: row;
		gap: 20px;
	}
}

form.d-flex {
	gap: 20px;

	@media screen and (max-width:992px) {
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}

	@media screen and (max-width:598px) {
		gap: 10px;
	}
}

.navbar-toggler {
	box-shadow: none !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: white;
	border: 2px solid rgba(255, 255, 255, 1);
	outline: none !important;
}

.d-flex>button:nth-child(1) {
	margin-left: 30px;
	color: #173673;
	font-weight: 500;
	font-size: 14px;
	padding: 10px 15px;
	background-color: #FFFFFF;
	border-radius: 6px;
	border: none;

	@media screen and (max-width: 598px) {
		margin-left: 0;
	}
}

.d-flex>button:nth-child(2) {
	color: rgba(255, 255, 255, 1);
	font-weight: 500;
	font-size: 14px;
	padding: 10px 15px;
	background-color: transparent;
	border: 2px solid rgba(255, 255, 255, 1);
	border-radius: 6px;
}

.d-flex a>button:nth-child(1) {
	margin-left: 0px;
	color: #173673;
	font-weight: 500;
	font-size: 14px;
	padding: 10px 15px;
	background-color: #FFFFFF;
	border-radius: 6px;
	border: none;

	@media screen and (max-width: 598px) {
		margin-left: 0;
	}
}

.d-flex a>button:nth-child(2) {
	color: rgba(255, 255, 255, 1);
	font-weight: 500;
	font-size: 14px;
	padding: 10px 15px;
	background-color: transparent;
	border: 2px solid rgba(255, 255, 255, 1);
	border-radius: 6px;
}

header.hide {
	transform: translateY(-205%);
}

form.d-flex>img {
	width: 32px;
	height: 32px;
}

.promo-banner {
	background: #cc005a;
	padding: 1rem;
	text-decoration: none;
	display: block;
}

.promo-banner__text {
	font-size: 1.6rem;
	color: #fff;
	margin: 0;
	text-align: center;
	font-weight: 600;
}

.nav {
	margin-left: auto;
	margin-right: 2rem
}

.nav__container,
.nav__wrapper {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	list-style-type: none
}

@media (min-width: 992px) {
	.nav__item--drop:hover .nav__dropdown {
		display: -webkit-box;
		display: flex
	}
}

.nav__item--dropdown {
	padding: .4rem 0;
	margin: 0
}

.nav__item:last-child {
	margin-right: 0
}

.nav__item .icon {
	display: none
}

.nav__image {
	margin-left: 1.6rem;
	border-radius: 50%;
}

.nav__link {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
	border-bottom: 1px solid transparent;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}
.nav__link:hover {
	border-bottom-color: #fff
}

.nav__link--dropdown {
	color: #173673;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	width: auto;
	gap: 6px;
}
.nav__link.js-has-drop {
	margin: 20px 0 16px;
    display: block;
}

.nav__link--dropdowna:hover {
	border-bottom-color: #173673
}

.nav__dropdown {
	background: #fff;
	position: absolute;
	top: 60px;
	border-radius: 0 0 .8rem .8rem;
	padding: 1.6rem;
	display: none
}

.js-sticky .nav__dropdown {
	top: 47px
}

.js-sticky .nav__dropdown::before {
	height: 27px;
	top: -27px
}

.nav__dropdown::before {
	content: '';
	width: 200vw;
	height: 40px;
	position: absolute;
	top: -40px;
	left: -100vw
}

.nav__dropdown.show {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.nav__login-btn {
	width: 9.6rem
}

.nav__close-btn,
.nav__return-btn {
	display: none;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	width: 4.4rem;
	height: 4.4rem;
	background-color: transparent;
	border: 0;
	border-radius: .8rem;
	outline: 0;
	text-decoration: none;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	cursor: pointer
}

.nav__close-btn>.icon,
.nav__return-btn>.icon {
	width: 1.8rem;
	height: 1.8rem;
	fill: #fff;
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}

.nav__close-btn[level="2"],
.nav__close-btn[level="3"],
.nav__return-btn[level="2"],
.nav__return-btn[level="3"] {
	display: -webkit-box;
	display: flex
}

@media only screen and (min-width: 1024px) {
	.js-sticky .nav__dropdown[level="2"] {
		top: 11rem
	}

	.js-sticky .nav__dropdown[level="3"] {
		top: unset
	}

	.js-sticky .thin .nav__dropdown[level="2"] {
		top: 4.75rem
	}

	[level="2"] {
		width: calc(100% - 6.4rem);
		max-width: 121.6rem;
		top: 13.4rem;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		flex-wrap: wrap;
		height: 33rem;
		gap: 2.4rem
	}

	[level="2"]>.nav__item {
		flex-basis: 20%;
		width: 23%;
		max-width: 24.5rem
	}

	[level="2"]>.nav__item .nav__image {
		width: 32px;
		height: 32px;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: center;
		object-position: center;
		margin: 0;
		margin-right: 10px;
	}

	[level="2"]>.nav__item--full {
		-webkit-box-flex: 2;
		flex-grow: 2;
		flex-basis: 100%;
	}

	[level="2"]>.nav__item:has(.nav__link--feature) .nav__link {
		display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		flex-direction: column-reverse;
		-webkit-box-align: start;
		align-items: flex-start;
		gap: .8rem
	}

	[level="2"]>.nav__item:has(.nav__link--feature) .nav__image {
		width: 100%;
		height: auto;
		aspect-ratio: 1/1
	}

	[level="2"] .nav__link {
		margin: 0;
		color: #173673
	}

	[level="3"] {
		position: relative;
		top: unset;
		background-color: transparent;
		border-radius: 0;
		padding: 0;
		margin: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column
	}
	.nav__dropdown#dropdown-3-8[level="3"] {
		padding-left: 45px !important;
	}
	[level="3"] .nav__link {
		font-size: 14px;
		font-weight: 400
	}

	[level="3"]::before {
		width: 0;
		height: 0
	}

	.nav__item.thin {
		position: relative
	}


	.nav__item.thin [level="2"] {
		top: 4rem;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		border-radius: 15px;
list-style: none;
	}

	.nav__item.thin .nav__item {
		width: 100%;
		max-width: unset
	}

	.nav__item.thin:hover [level="2"] {
		display: block
	}
}

@media (max-width: 72.49em) {
	.nav {
		margin-right: 1.2rem
	}
	.nav__item--dropdown {
		padding: .4rem 0;
		margin: 0
	}
}

@media (max-width: 991px) {
	.nav {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1001;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		display: block;
		overflow: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		visibility: hidden;
		margin-right: 0;
		background-color: #173673;
		opacity: 0;
		padding: 8rem 3.5rem 2rem 3.5rem
	}

	.nav.js-open {
		visibility: visible;
		opacity: 1;
		-webkit-transition: visibility, opacity .2s ease;
		transition: visibility, opacity .2s ease
	}

	.nav__wrapper {
		display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		-webkit-box-pack: justify;
		justify-content: space-between;
		gap: 2.4rem;
		height: 100%
	}

	.nav__container,
	.nav__dropdown {
		display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		gap: 1.6rem;
		text-align: center
	}

	.nav__container {
		position: relative;
		flex-shrink: 0;
		width: 100%;
		gap:0;
	}
	.nav__link .nav__link--dropdown{
		border-bottom: none !important;
	}
	.nav__dropdown{
		padding-block: 10px !important;
	}
	.nav__item {
		width: 100%;
		margin: 0;
		padding-top: 0;
		padding-bottom: 14px;
		margin-bottom: 14px;
		border-bottom: 2px solid #adb8cc
	}

	.nav__item--drop {
		position: unset
	}

	.nav__item--btn,
	.nav__item:last-child {
		padding-bottom: 0;
		border-bottom: none
	}

	.nav__item .btn {
		width: 100%;
		max-width: unset;
		height: 4.4rem;
		font-size: 1.4rem;
		line-height: 4.2rem
	}

	.nav__item .icon {
		display: block
	}

	.nav__link,
	.nav__link--dropdown {
		display: block;
		width: 100%;
		font-size: 1.6rem;
		color: #fff;
		margin: 0;
		text-align: left
	}

	.nav__link .nav__image,
	.nav__link--dropdown .nav__image {
		display: none
	}

	.nav__link--dropdown:hover,
	.nav__link:hover {
		border-bottom: 0
	}

	.nav__link--dropdown.js-has-drop,
	.nav__link.js-has-drop {
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		justify-content: space-between;
		gap: 1.6rem;
		-webkit-box-align: center;
		align-items: center
	}
	.navbar-collapse{
		padding-top: 10px;
	}
	.nav__dropdown {
		border-radius: 0;
		width: 100%;
		height: 100%;
		background-color: #17367378;
		padding: 0;
	}
	.nav__dropdown{
		position: static;
		display: none;
	}
	.is-open .nav__dropdown{
		display: block;
	}
	.nav__link img{
		transform: rotate(0deg);
		width: 15px;
		transition: all .3s ease;
		cursor: pointer;
	}
	.is-open .nav__link img{
		transform: rotate(90deg);
	}
	.nav__dropdown::before {
		display: none
	}

	.js-sticky .nav__dropdown {
		top: 0
	}

	.nav__cta-btn,
	.nav__login-btn {
		width: 100%;
		max-width: 26rem;
		height: 6rem;
		font-size: 2rem;
		line-height: 5.8rem
	}

	.nav__close-btn,
	.nav__return-btn {
		position: absolute;
		top: 2.6rem
	}

	.nav__close-btn {
		right: 2rem;
		display: -webkit-box;
		display: flex
	}

	.nav__return-btn {
		left: 2rem;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		display: none
	}
	.speak-form__body{
		grid-template-columns: 1fr !important;
		margin-top: 30px;
	}
}

@media (max-width: 47.99em) {

	.nav__cta-btn,
	.nav__login-btn {
		max-width: 23rem;
		height: 5.4rem;
		font-size: 1.8rem;
		line-height: 5.2rem
	}

	.nav__close-btn,
	.nav__return-btn {
		top: 1.3rem
	}
}

@media (max-width: 29.99em) {
	.nav__close-btn {
		right: 1.2rem
	}

	.nav__return-btn {
		left: 1.2rem
	}
}

@media (max-width: 23.4275em) {
	.nav__close-btn {
		top: 1rem;
		right: .4rem
	}
}

.nav__item--drop a {
	font-weight: 400;
	font-size: 14px;
	color: #212595;
}

p.nav__link.js-has-drop {
	font-weight: 400;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.9) !important;
	margin-top: 20px;
}

a.nav__link {
	color: #ffffff;
}

.d-flex a img {
	width: 24px;
	height: 24px;
	border-radius: 50px;
}

.header__lang-btn {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	width: 4.4rem;
	height: 4.4rem;
	position: relative;
	cursor: pointer
}

.header__lang-btn>.icon {
	width: 2rem;
	height: 2rem
}

.header__lang-btn:hover .header__region-switcher {
	display: block
}

.header__lang-btn--hidden {
	opacity: 0;
	pointer-events: none
}

.header__region-switcher {
	display: none;
	position: absolute;
	top: 70px;
	right: 0;
	-webkit-transform: initial;
	transform: initial;
	text-align: right;
	background: #fff;
	padding: 0.5rem 0 0.5rem 0;
	border-radius: 6px;
}

.header__region-switcher a,
.header__region-switcher button {
	background: 0 0;
	white-space: nowrap;
	padding: 7px 10px;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
	background: #fff;
	color: #1B1B1B;
	border: none;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	cursor: pointer;
	text-decoration: none
}

.header__region-switcher a:hover,
.header__region-switcher button:hover {
	background: #122a59;
	border-top: #596680;
	border-bottom: #596680;
	color: #fff !important;
}

.header__region-switcher img {
	width: 2rem;
	border: 1px solid #fff;
	border-radius: 50%;
	margin: 0 1rem 0 0
}

.releases {
	background: url('../images/nutrition__images/image.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 100vh;
	display: flex;
	padding: 20px 20px;
	align-items: center;
	position: relative;
}

.hero_button {
	text-align: center;
}


.text_elements {
	max-width: 800px;
	text-align: center;
	margin: auto;
	position: relative;
	z-index: 2;
}

.text_elements h3 {
	color: #FFFFFF;
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 10px;
}



.text_elements h4 {
	color: #FFFFFF;
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 0;
}


.button_container {
	margin-top: 20px;

}

span {
	vertical-align: middle;
}

.text_elements h4 .shipping {
	font-size: 20px;
}

.form_section {
	padding: 30px 20px 0px 20px;
	margin-bottom: 200px;
	/* has to remove */
}


.form_sectionfooter {
	padding: 30px 20px 0px 20px;
	margin-bottom: 90px;
	/* has to remove */
	@media screen and (max-width: 640px) {
		margin-bottom: 50px;
		padding: 20px 0 0 50px;
	}
}

.dna_section {
	max-width: 450px;
	margin: auto;
	position: relative;
	background: linear-gradient(90deg, #EB6EBA 0%, #E89171 100%);
	border-radius: 35px;
	padding: 30px 35px;
}

.DrHenry1 {
	position: absolute;
	top: 0px;
	left: -20%;
	width: 100%;
	max-width: 180px;
}

.text_inner_section {
	text-align: center;
}

.text_inner_section h3 {
	color: #FFFFFF;
	font-weight: 700;
	font-size: 28px;
	margin-bottom: 20px;
}

@media screen and (max-width: 538px) {
	.DrHenry1 {
		left: -36%;
	}
}

.alternating-block.alternating-block--flip .commitment_container {
	grid-template-columns: 2fr 1fr;

}
.column-erevers.commitment_container{
	grid-template-columns: 2fr 1fr;
}
.commitment_container {
	max-width: 1280px;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 50px;
	align-items: center;

	@media screen and (max-width: 640px) {
		gap: 10px !important;
	}
}



@media screen and (max-width: 992px) {
	.commitment>.commitment_container {
		display: flex;
		flex-direction: column;
		margin: 20px 0px;
	}
	.img_commite img {
		width: 372px;
	}
	.gradient {
		width: 420px;
	}
	.alternating-block--flip .img_commite {
		order: -1;
	}
	.alternating-block.commitment{
		border-radius: 40px;
		padding: 20px !important;
	}
	.commitment>.commitment_container:nth-child(even),
	.commitment>.commitment_container:last-child {
		display: flex !important;
		/* flex-direction: column-reverse !important; */
		margin: 20px 0px;
	}
}
@media screen and (max-width: 420px) {
	.alternating-block .gradient{
		height: 140px;
		width: 230px;
	}
	.alternating-block .img_commite img{
		max-width: 180px !important;
		max-height: 200px;
		height: auto;
		width: auto;
	}
}
.img_commite {
	text-align: center;
}

.img_commite img {
	width: 100%;
	max-width: 372px;
	margin: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.img_commite {
	margin: 40px 0px;
}

.gradient {
	background: linear-gradient(308.81deg, #D864AA 8.18%, #E0A340 88.35%);
	height: 270px;
	display: flex;
	align-items: center;
	position: relative;
	max-width: 420px;
	border-radius: 30px;
	/* margin: auto; */
	@media screen and (max-width: 640px) {
		height: 200px;
		width: 270px;
	}
}


.gradient img{
	height: 330px;
	max-width: 320px;
	box-shadow: 1px -1px 19px 0px #C8C8C866;
	@media screen and (max-width: 640px) {
		height: 270px;
		width: 225px;
	}
}

.read_button button,.read_button a {
	border: none;
	background-color: transparent;
	font-size: 16px;
	color: #173673;
	font-weight: 700;
}


.read_button button span {
	margin-right: 10px;
	vertical-align: middle;
}

.text_commite h3 {
	margin-bottom: 15px;
	color: #173673;
	font-weight: 600;
	font-size: 38px;
}

.text_commite p {
	color: #1B1B1B;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 1rem !important;
}

.ancestry {
	margin-top: 20px;
}

@media screen and (max-width: 768px) {
	.commitment_container {
		grid-template-columns: repeat(1, 1fr);
	}
}

.discover_section {
	padding: 40px 20px 2px;
}

.info_elements {
	max-width: 1280px;
	margin: auto;
}

.discover_section h3 {
	color: #173673;
	font-size: 42px;
	font-weight: 600;
	margin-bottom: 20px;
}

/* .discover_section p {
	color: #1B1B1B;
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 0;
} */

.card_elements {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	grid-gap: 43px;
	margin: 30px 0px;
}
.card_elements .features-item{
	flex-basis: 165px;
}

.grid_cards {
	background-color: #FFFFFF;
	border-radius: 12px;
	box-shadow: -7px 4px 17px 4px #C8C8C866;
	padding: 20px 10px;
	text-align: center;
	height: 100%;
}

.grid_cards p {
	color: #000000;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 16px;
}

.element_grid_next {
	max-width: 400px;
	margin: auto;
}

.Disease_items {
	display: grid;
	grid-template-columns: repeat(2, minmax(150px, 1fr));
	grid-gap: 80px;
	text-align: center;
}


.items_grid {
	display: none;
}


.frame_image {
	position: absolute;
	bottom: -130px;
	z-index: 2;
	right: -100px;

	@media screen and (max-width: 992px) {
		bottom: 0 !important;
	}
}

.accordion-body figure {
	text-align: center;
}

.accordion-body img {
	width: 100%;
	max-width: 420px;
}

.all_elemet_image {
	max-width: 500px;
	position: relative;
}

.image_girl img {
	width: 100%;
	max-width: 215px;
}

.image_girl {
	position: absolute;
	right: 50px;
	z-index: 1;
	bottom: 120px;
}


.frame_image img {
	width: 100%;

}

@media screen and (max-width: 1199.99px) {
	.image_girl {
		bottom: 100px;
	}
}

@media screen and (max-width: 1080px) {
	.card_elements {
		grid-template-columns: repeat(4, 1fr);
	}

	.items_grid {
		display: block;
	}

	.element_grid_next {
		display: none;
	}

	.info_elements h3 br {
		display: none;
	}
}

@media screen and (max-width: 992px) {
	.image_girl {
		bottom: 50px;
	}

}



@media screen and (max-width: 768px) {
	.card_elements {
		grid-template-columns: repeat(3, 1fr);
	}

	.frame_image {
		position: absolute;
		bottom: 237px;
		z-index: 2;
		right: -265px;
	}

	.image_girl {
		bottom: 450px;
		right: -80px;
	}
}



@media screen and (max-width: 568px) {
	.card_elements {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 30px;
	}

	.image_girl,
	.frame_image {
		display: none;
	}
	.discover_section h3{
		font-size: 32px;
	}

}
.discover__potential__row form button{
	color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 18px;
    border-radius: 9px;
    border: none;
    width: 100%;
    width: fit-content;
    background-color: #173673;
    height: 48px;
	margin-top: 12px;
}
.speak-form__body{
	grid-template-columns: 1fr 1fr;
    display: grid;
    max-width: 1280px;
    margin: auto;
    padding: 30px 20px;
	gap: 16px;
	margin-top: 50px;
	background-color: #fff;
}
.speak-form__body .speak-form__field{
	display: flex;
    flex-direction: column;
}
.speak-form__body .field__label{
	font-size: 16px;
    color: #000000;
    margin-bottom: 5px;
    font-weight: 400;
}
.speak-form__body .field__input, .speak-form__body .field__textarea{
	font-size: 15px;
    color: #BEB2B2;
    font-weight: 400;
    border: 1.6px solid #E5E5E5;
    padding: 12px 15px;
    border-radius: 8px;
    background-color: transparent;
	display: block;
    width: 100%;
}
.speak-form__body .speak-form__field--msg{
	grid-column: 1/-1;
}
.speak-form__body .speak-form__submit-btn{
	color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 80px;
    border-radius: 100px;
    border: none;
    width: 100%;
    width: fit-content;
    background-color: #173673;
    height: 58px;
}
.speak-form__body .speak-form__submit-btn:hover{
	color: #fff;
}
.Testing_faq {
	padding: 50px 20px;
}

.accordion_elements {
	max-width: 1000px;
	margin: auto;
}

.accordion_elements .accordion-item {
	background-color: transparent !important;
	border: none !important;
}

.accordion_elements .accordion-button {
	background-color: transparent !important;
	border-bottom: 1px solid #D9D9D9;
	color: #173673;
	font-size: 16px;
	font-weight: 400;
}

.accordion_elements .accordion-button:focus {
	box-shadow: none;
}

.text_faq h3 {
	color: #173673;
	font-size: 38px;
	font-weight: 600;
	margin-bottom: 0;
}

.text_faq {
	margin-bottom: 30px;
	text-align: center;
}

.grid_cards img {
	width: 66px;
	vertical-align: middle;
	border-radius: 50%;
}

.card_elements a {
	text-decoration: none;
}

.samples_container p img {
	border-radius: 20px;
}

.unbeatable_container img {
	border-radius: 20px;
}

.unbeatable_container img {
	border-radius: 20px;
}

.img_commite img {
	border-radius: 20px;
}

.releases::after {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.45) 60%, rgba(0, 0, 0, 0.5) 100%);
}

.releases {
	flex-shrink: 0;
	width: 100%;
	position: relative;
	padding-top: 12.8rem;
	padding-bottom: 12.8rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.text_elements p {
	color: #FFFFFFE5;
	font-size: 18px;
	font-weight: 400;
	margin: 30px 0px;
	max-width: 700px;
}

.commitment {
	padding: 50px;
	border-radius: 102px;
}

.alternating-block {
	padding: 50px 40px !important;
	margin: 5% 20px;
}
.alternating-block:nth-child(even) .gradient {
	margin-left: auto;

}
.alternating-block:nth-child(odd) .gradient {
	margin-right: auto;

}
.read_button button {
	border: none;
	background-color: transparent;
	font-size: 16px;
	color: rgb(23, 54, 115);
	font-weight: 700;

	@media screen and (max-width: 598px) {
		font-size: 14px;
	}
}
.read_button {
	margin-top: 15px;
    z-index: 999999;
    position: relative;
}

.read_button button span {
	margin-right: 10px;
	vertical-align: middle;
}

.text_commite h3 {
	color: rgb(23, 54, 115);
	font-weight: 600;
	font-size: 38px;
	margin-bottom: 5px;

	@media screen and (max-width: 598px) {
		font-size: 28px;
	}
}

.text_commite p {
	color: rgb(27, 27, 27);
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
	.commitment_container {
		grid-template-columns: repeat(1, 1fr);
	}
}

.Press_releases {
	padding: 50px 20px 0px;

	@media screen and (max-width: 598px) {
		padding: 50px 0px;
	}
}

.Press_releases_container {
	max-width: 1280px;
	margin: auto;
}


.text_container {
	text-align: center;
	margin-bottom: 40px;
}

.Press_releases_container h3 {
	color: #173673;
	font-weight: 600;
	font-size: 42px;
	margin-bottom: 0;

	@media screen and (max-width: 598px) {
		font-size: 36px;
	}
}

.Press_releases_container .items_element img {
	width: 100%;
	height: 225px;

}


.slick-prev,
.slick-next {
	background: #FFFFFF;
	box-shadow: 0px 4px 4px 0px #00000040;
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}


.slick-next {
	position: absolute;
	right: -40px;
	top: 50%;
	transform: translateY(-50%);
}

.slick-prev {
	position: absolute;
	left: -40px;
	top: 50%;
	transform: translateY(-50%);
}

.AsFeatured_releases {
	padding: 50px 20px;

	@media screen and (max-width: 598px) {
		padding: 50px 0px;
	}
}

.AsFeatured_releases_container {
	max-width: 1280px;
	margin: auto;
}

.AsFeatured_releases_container {
	max-width: 1280px;
	margin: auto;
}


.text_container {
	text-align: center;
	margin-bottom: 40px;
}

.AsFeatured_releases_container h3 {
	color: #fff;
	font-weight: 600;
	font-size: 42px;
	margin-bottom: 0;

	@media screen and (max-width: 598px) {
		font-size: 36px;
	}
}

.AsFeatured_releases_container .items_element img {
	width: 100%;
	height: 65px;

}

.col-md-6 {
	width: 50%;
}


.carousel .items_element {
	background: #fff;
	/* optional styling */
	border-radius: 12px;
	box-shadow: 0px 0px 12px 0px #00000026;
	height: 456px;
	margin-bottom: 20px;
    display: flex !important;
    flex-direction: column;

	@media screen and (max-width: 598px) {
		height: 428px;
	}
}

.slick-slide>div {
	margin: 0px 30px;
}

/* To fix alignment because Slick adds its own width */
.carousel .slick-slide {
	display: flex;
	height: auto;
	/* ensures slides fit content */
}



.release_sect {
	padding: 30px 20px;
	flex: 1;
}

.release_sect h4 {
	font-size: 20px;
	font-weight: 700;
	color: #292929;
	margin-bottom: 10px;
}

.release_sect p {
	color: #BCBCBC;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
}


.items_element_download {
	height: auto !important;
}

.items_element i {
	color: #F0CA02;
}

@media screen and (max-width: 1399.99px) {
	.slick-next {
		right: 0;
	}

	.slick-prev {
		z-index: 2;
		left: 0;
	}
}

@media screen and (max-width: 992px) {
	.commitment_container {
		display: flex !important;
		flex-direction: column !important;
	}

	.row__flex {
		display: flex !important;
		margin-top: 50px !important;
		flex-direction: column-reverse !important;
	}
}

.get_touch {
	background-color: #173673;
	position: relative;
	padding: 80px 20px;
	overflow: hidden;

	@media screen and (max-width: 992px) {
		padding: 40px 10px;
	}
}

.max_all_get_it {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
	max-width: 1280px;
	margin: auto;
	z-index: 2;
	position: relative;
	align-items: center;
}

.world {
	position: absolute;
	top: 0;
	width: 100%;
	max-width: 600px;
	right: -100px;
	z-index: 1;
}

.locate h3 {
	margin-bottom: 10px;
	color: #FFFFFF;
	font-size: 38px;
	font-weight: 600;
}


.locate p {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 0;
}


.add_container {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 15px;
}


.add_container h4 {
	font-size: 26px;
	color: #FFFFFF;
	font-weight: 600;
	margin-bottom: 10px;
}

.add_container p {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 400;
	margin-bottom: 0;
}

.add_container .frame1 {
	width: 100%;
	max-width: 80px;
}

.add_container .frame2 {
	width: 100%;
	max-width: 42px;
}

@media screen and (max-width: 1199.99px) {
	.max_all_get_it {
		grid-template-columns: repeat(1, 1fr);
	}


	.max_all_get_it {
		max-width: 1000px;
	}

	.location_container .col-md-6 {
		margin-top: 20px;
	}
}

.press-contacts-item__name--us::before {
	content: "";
	flex-shrink: 0;
	margin-right: 1.2rem;
	width: 2.4rem;
	height: 2.4rem;
	background-image: url(../img/pages/press/region-us.png);
	background-position: center;
	background-size: cover
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution:192dpi) {
	.press-contacts-item__name--us::before {
		background-image: url(../img/pages/press/region-us@2x.png)
	}
}

.press-contacts-item__name--uk-world::before {
	content: "";
	flex-shrink: 0;
	margin-right: 1.2rem;
	width: 4.4rem;
	height: 2.4rem;
	background-image: url(../img/pages/press/region-world.png);
	background-position: center;
	background-size: cover
}

section.advanced {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 100vh;
	display: flex;
	padding: 20px 20px;
	align-items: center;
}
.advanced::after {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.45) 60%, rgba(0, 0, 0, 0.5) 100%);
}

.ancestor {
	max-width: 1100px;
	margin: auto;
	text-align: center;
	position: relative;
	z-index: 2;
}

.read_more button {
	color: #173673;
	font-weight: 600;
	font-size: 16px;
	padding: 14px 30px;
	background-color: #fff;
	border-radius: 6px;
	border: none;
}

.read_more button span {
	vertical-align: middle;
	margin-right: 10px;
}




.ancestor h2 {
	color: #FFFFFF !important;
	font-weight: 700 !important;
	font-size: 48px !important;
	margin-bottom: 30px !important;
}


.ancestor p {
	color: #FFFFFF !important;
	font-size: 22px !important;
	margin-bottom: 0 !important;
	font-weight: 400 !important;
}

.read_more {
	margin-top: 35px;
}

@media screen and (max-width: 598px) {
	.advanced {
		height: auto;
		padding: 120px 20px;
	}

	.ancestor {
		padding: 0;
	}

	.ancestor p {
		font-size: 16px;
	}

	.ancestor h2 {
		font-size: 28px;
	}
}

.samples_container {
	max-width: 1150px;
	margin: auto;
	/* text-align: center; */
}
.samples_container h1{
	text-align: center;
    color: #173673;
    max-width: 744px;
    margin: 0 auto 40px;
}
.samples_container h3{
	font-size: 34px;
    font-weight: 600;
    color: #000;
}
.samples_container h4{
	font-size: 30px;
    font-weight: 500;
}
.samples_container h5{
	font-size: 25px;
    font-weight: 500;
}

.samples_container p,.samples_container li {
	color: #1B1B1B;
	font-size: 20px;
	margin-bottom: 30px;
	font-weight: 400;
	line-height: 30px;
}

.image_samples img {
	width: 100%;

}

.image_samples {
	margin-bottom: 30px;
}

.cart__qty {
	position: absolute;
	top: 24px;
	right: 80px;
	border-radius: 50%;
	background: white;
	color: #283c73;
	font-size: 9px;
	width: 14px;
	height: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.alternatingblockimage {
	width: 397px;
}

.headerlanguage {
	width: 2rem;
	border: 1px solid #fff;
	border-radius: 50%;
}

.slick-prev:disabled,
.slick-next:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.owl-carousel .owl-item img {

	height: 34px;

}

.featuredimage {
	width: 100px;
}

.cta-button {
	padding: 3.5rem 0;
	text-align: center;
}



.cta-button__button {
	min-width: 350px;
	max-width: 100%
}

.btn--red {
	color: #fff !important;
	background-color: #cc005a;
	border-color: #cc005a;
	border-radius: 999rem;
}

.program {
	margin-bottom: 100px;
	text-align: center;
}

.test_dns {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 40px;

	@media screen and (max-width:598px) {
		grid-gap: 0px;
	}
}

.test_kits {
	background-color: #FFFFFF;
	border-radius: 22px;
	padding: 25px 30px;
}


.progress_kit img {
	width: 100%;
	max-width: 144px;
	margin: auto;
	border-radius: 50%;
}

.progress_kit {
	position: absolute;
	margin: auto;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	top: -45px;
}

.test_kits {
	text-align: center;
	position: relative;
	height: 330px;
}

.test_kits h3 {
	color: #173673;
	font-size: 20px;
	text-align: center;
	font-weight: 600;
	margin-bottom: 20px;
}

.test_kits p {
	font-size: 16px;
	color: #1B1B1B;
	font-weight: 400;
	margin-bottom: 0;
}

.sing_dns {
	padding-top: 100px;
}




@media screen and (max-width: 1199.99px) {
	.test_kits {
		padding: 25px;
	}
}




@media screen and (max-width: 992px) {
	.test_dns {
		grid-template-columns: repeat(3, 1fr);
	}
}


@media screen and (max-width: 768px) {
	.test_dns {
		grid-template-columns: repeat(2, 1fr);
	}
}



@media screen and (max-width: 538px) {
	.test_dns {
		grid-template-columns: repeat(1, 1fr);
	}
}


/* Discover row css starts here */
.discover__row {
	padding: 5% 20px 40px 20px;
}

.discover__row>h3 {
	font-weight: 600;
	font-size: 42px;
	color: rgba(23, 54, 115, 1);
	text-align: center;
	margin-bottom: 30px;

	@media screen and (max-width: 598px) {
		font-size: 32px;
	}
}

.discover__more__row {
	overflow: hidden;
	border-radius: 12px 12px 0px 0px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
	/* shado */
	margin-bottom: 30px;
	border-radius: 0px 0px 12px 12px;
}

.discover__more__row>.discover__img {
	overflow: hidden;
	border-radius: 12px 12px 0px 0px;
	height: 250px;
}

.discover__more__row>.discover__img>img {
	height: 250px;
	object-fit: cover;
	object-position: center;
	width: 100%;
	transition: 0.5s ease-in-out;
	cursor: pointer;
	border-radius: 12px 12px 0px 0px;
	/* box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15); */
}

.discover__more__row>.discover__img>img:hover {
	transform: scale(1.2);
}

.discover__content {
	height: 130px;
	padding: 20px 20px 40px 20px;
	background-color: white;
}


.discover__content>h2 {
	color: rgba(41, 41, 41, 1);
	font-weight: 700;
	font-size: 22px;
}

.owl-prev i,
.owl-next i {
	color: rgba(23, 54, 115, 1) !important;
	font-size: 22px;
}



/* Ensure nav arrows are always visible */
.discover-more .owl-nav {
	display: block !important;
	position: absolute;
	top: 50%;
	width: 100%;
	pointer-events: none;
	/* allows clicks to pass */
}

.discover-more .owl-nav button {
	pointer-events: all;
	/* restore clicks for buttons */
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	border: none;
	padding: 10px;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	z-index: 10;
}

/* Left arrow */
.discover-more .owl-nav .owl-prev {
	left: -60px;
	background-color: white !important;
	width: 42px;
	height: 42px;
	border-radius: 50% !important;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	/* adjust position */
}

/* Right arrow */
.discover-more .owl-nav .owl-next {
	right: -60px;
	background-color: white !important;
	width: 42px;
	height: 42px;
	border-radius: 50% !important;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	/* adjust position */
}


@media screen and (max-width: 1080px) {
	.discover-more .owl-nav {
		position: initial !important;
	}

	.owl-prev,
	.owl-next {
		position: initial !important;
	}
}

/* Discover row css ends here */

/* new */

.cards_carousel {
	padding: 10% 0px 3%;
	@media screen and (max-width: 640px) {
		padding: 30% 0px 3%;
	}
}


.we-carousel {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
}

.we-card-container {
	width: 200px;
	height: 200px;
	position: relative;
	transform: translateY(40px);
}
.we-carousel .owl-stage{
	display: flex;
}
.we-carousel .owl-carousel .owl-item{
	float: none;
}

/* .we-card {
	width: 200px;
	height: 230px;
	background-color: #F5F5F5;
	color: #000;
	border-radius: 10px;
	box-sizing: border-box;
	text-align: left;
	position: absolute;
	padding: 15px;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 0.5s ease;
	filter: none;
} */
.owl-item{
	background: #F1F1F1;
    padding: 15px;
    border-radius: 15px;
}
.we-carousel .owl-carousel .owl-item img{
	height: 100%;
    border-radius: 25px;
    object-fit: cover;
}
.we-carousel .item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
	height: 100%;
}
.we-carousel .item h3{
	font-size: 18px;
}
.we-carousel .we-card-content{
    padding: 14px;
	border-radius: 25px;
}
.we-carousel .owl-item:nth-child(odd) .we-card-content {
  background: #FFE7F6;
}

.we-carousel .owl-item:nth-child(even) .we-card-content {
 background: #F3F7FF;
}
.we-carousel .owl-nav{
	justify-content: space-between;
    display: flex;
    align-items: center;
    position: absolute;
	width:100%;
	@media screen and (min-width: 1300px) {
    	width: calc(100% + 120px);
	}
}
/* .we-card img {
    width: 170px;
    height: 175px;
} */

/* .we-card .pin_svg {
	position: absolute;
	top: -9px;
	transform: rotate(22deg);
} */

/* .pin_next_svg {
	position: absolute;
	top: -13px;
	transform: rotate(-23deg);
	right: -6px;
} */

.we-card h3 {
	font-size: 15px;
	margin-bottom: 10px;
	color: #000000;
	font-weight: 400;
	font-family: "Lexend", sans-serif;
}

.we-card p {
	color: #00000066;
	font-size: 14px;
	font-weight: 400;
	font-family: "Lexend", sans-serif;
	margin-bottom: 0
}

.owl-item.active .we-card {
	opacity: 1;
	z-index: 2;
}

/* .we-card.prev-1,
.we-card.next-1 {
	opacity: 1;
	filter: initial;
	z-index: 1;
}

.we-card.prev-2,
.we-card.next-2 {
	opacity: 1;
	filter: initial;
	z-index: 1;
}

.we-card.prev-3,
.we-card.next-3 {
	opacity: 0;
} */

/* .we-card.prev-1 {
	transform: translateX(-249px) rotate(-20deg) translateY(-68px);
}

.we-card.next-1 {
	transform: translateX(253px) rotate(20deg) translateY(-69px);
	text-align: end;
	padding: 20px 20px 10px 50px;

}

.we-card.prev-2 {
	transform: translateX(-563px) rotate(-39deg) translateY(80px);
}

.we-card.next-2 {
	transform: translateX(563px) rotate(39deg) translateY(80px);
	text-align: end;
	padding: 20px 20px 10px 50px;



}

.we-card.prev-3 {
	transform: translateX(-901px) rotate(-40deg) translateY(285px);
}

.we-card.next-3 {
	transform: translateX(901px) rotate(40deg) translateY(285px);
	text-align: end;
	padding: 20px 20px 10px 50px;


} */

.we-carousel button {
	cursor: pointer;
	user-select: none;
	z-index: 20;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 100px;
	background: #173673;
	color: #fff;
	box-shadow: 0px 4px 4px 0px #00000040;

}
.we-carousel button.disabled{
	background-color: #fff;
	color: #000;
}
.we-carousel button i{
	color: inherit !important;
}

/* .we-arrow:hover {
	color: #555;
} */


/* .we-carousel .owl-prev {
	position: absolute;
	top: 30%;
	left: 0px;
}


.we-carousel .owl-next {
	position: absolute;
	top: 35%;
	right: 0px;
} */

/* .the_girl {
	max-width: 700px;
	margin: auto;
	position: relative;
	text-align: center;
}


.the_girl img {
	width: 100%;
	max-width: 530px;
} */

.History_ours {
	max-width: 750px;
	text-align: center;
	margin: 0 auto 60px;
}

.History_ours h3 {
	color: #173673;
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 20px;
}

.History_ours p {
	/* color: #FFFFFF; */
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 0;
}

/* .all_history {
	margin: 0px 10px;
} */


/* Focus css starts here */
.our__focus__container {
    padding: 0px 20px;
}

.our__focus__grid__row {
    display: grid;
    grid-template-columns: 70px 250px 1fr 1fr 1fr 1fr 1fr;
    gap: 40px;
    max-width: 1280px;
    margin: 20px auto 20px auto;

    @media screen and (max-width: 1140px) {
        grid-template-columns: 60px 150px 1fr 1fr 1fr 1fr 1fr;
        gap: 20px;
    }

    @media screen and (max-width: 1024px) {
        grid-template-columns: 40px 130px 1fr 1fr 1fr 1fr 1fr;
    }
}

.our__focus__grid__row>div {
    height: auto;
}

.arrow__icons__row {
    box-shadow: -7px 4px 17px 2px rgba(200, 200, 200, 0.4);
    background-color: white;
    height: auto;
    padding: 20px 20px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.arrow__icons__row>i {
    color: rgba(23, 54, 115, 1);
}

.focus__row__container>h2 {
    color: rgba(23, 54, 115, 1);
    font-size: 28px;
    font-weight: 600;
}

.focus__row__container>p {
    color: rgba(27, 27, 27, 1);
    font-size: 16px;
    font-weight: 400;
}

.cards__iconfocus__row {
    box-shadow: -7px 4px 17px 4px rgba(200, 200, 200, 0.4);
    border-radius: 12px;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 15px;
    height: 100%;
}

.cards__iconfocus__row>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cards__iconfocus__row>div>p {
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0rem;
    margin-top: 15px;
    text-align: center;
}

.cards__iconfocus__row img {
	width: 64px;
}

.style-mobile-row {
    display: none;
}

@media screen and (max-width: 768px) {
    .style-mobile-row {
        display: block;
    }

    .our__focus__grid__row {
        grid-template-columns: 120px 250px;
    }

    .style-mobile-row>.our__focus__grid__row {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
    }

    .our__focus__container>div:nth-child(1)>.our_focus_link {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .style-mobile-row>.our__focus__grid__row {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

@media screen and (max-width: 598px) {
    .style-mobile-row>.our__focus__grid__row {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .our__focus__grid__row {
        grid-template-columns: 70px 1fr;
    }
}

/* Focus css ends here */

.grid_temp {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 60px;
	max-width: 1280px;
	margin: auto;
	/* z-index: 2; */
	position: relative;
	text-align: left;

	@media screen and (max-width: 992px) {
		display: flex;
		flex-direction: column-reverse;
		gap: 20px;
	}
}

.text_container {
	text-align: left !important;
}

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

.text_container h2 {
	font-weight: 600;
	color: #FFFFFF;
	font-size: 42px;
	text-align: left;

	@media screen and (max-width: 598px) {
		font-size: 32px;
	}
}

.image_container img {
	width: 100%;
}

.button_container button {
	border-radius: 9px;
	height: 48px;
}

.button_container {
	margin: 30px auto;
	/* text-align: initial !important; */
	max-width: initial !important;
}

.img1 {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.img5 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	animation: leaves 5s ease-in-out infinite alternate;
	-webkit-animation: leaves 5s ease-in-out infinite alternate;
}

.img4 {
	position: absolute;
	right: 0;
	top: 30%;
	z-index: 1;

}

.img2 {
	position: absolute;
	bottom: 140px;
	left: 20px;
	z-index: 1;
	width: 120px;
	animation: leaves 5s ease-in-out infinite alternate;
	-webkit-animation: leaves 5s ease-in-out infinite alternate;
}


.img3 {
	position: absolute;
	bottom: 0;
	left: -20px;
	width: 80px;

}

@keyframes leaves {
	0% {
		transform: scale(1.0);
	}

	100% {
		transform: scale(1.06);
	}
}

.leading {
	position: relative;
	z-index: 2;
	text-align: center;
	display: grid;
	grid-template-columns: auto 1fr;
	max-width: 1180px;
	align-items: center;
	margin: auto;
	margin-top: -3rem;
}

.leading img {
	width: 100%;
	transform: translateX(50px);
	margin-top: 60px;
}

.ancestrym {
	background: linear-gradient(0deg, rgba(249, 249, 249, 0.6) 30%, rgba(73, 123, 221, 0.6) 190.15%);
	border-radius: 65px;
	padding: 30px 50px;
	max-width: 800px;
	margin-top: 60px;
}

.ancestrym p {
	color: #173673;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: 500;
}

@media screen and (max-width: 768px) {
	.leading {
		grid-template-columns: repeat(1, 1fr);
	}

	.leading img {
		width: 100%;
		transform: translateX(0px);
		margin-top: 60px;
		max-width: 200px;
	}

	.ancestry {
		margin-top: 0;
		padding: 40px 20px;
	}

	.Discover_bg {
		padding: 150px 20px 0px 20px;

	}
}

.text_sect {
	transform: skew(-5deg, -5deg);
	margin-bottom: 3%;
}

.slick-prev:disabled,
.slick-next:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Privacy css starts here */
.privacy__grid__row {
	display: grid;
	grid-template-columns: 0.6fr 1fr;
	gap: 30px;
	max-width: 1400px;
	margin: auto 5%;
	position: relative;
	z-index: 1;

	@media screen and (max-width: 992px) {
		display: flex !important;
		flex-direction: column-reverse !important;
		padding: 0px 20px;
	}
}

.privacy__grid__row>div:nth-child(1) {
/*	display: flex;*/
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.privacy__grid__row>div:nth-child(2) {
	padding-right: 120px;

	@media screen and (max-width: 992px) {
		padding-right: 0px;
	}
}

.privacy__grid__row>div>h3 {
	font-size: 40px;
	font-weight: 600;
	color: rgba(23, 54, 115, 1);
	margin-bottom: 10px;

	@media screen and (max-width: 598px) {
		font-size: 28px;
	}
}

.privacy__grid__row>div>p {
	color: #1B1B1B;
	font-weight: 400;
	font-size: 16px;
}

.privacy__grid__row>div:nth-child(2) {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.privacy__grid__row>div:nth-child(2)>div {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	margin-top: 20px;
}

.privacy__grid__row>div:nth-child(2)>div>div>img {
	width: 28px;
}

.privacy__grid__row>div:nth-child(2)>div>div>button {
	border: 1.6px solid #173673;
	background-color: #fff;
	color: #173673;
	font-size: 16px;
	font-weight: 600;
	padding: 12px 20px;
	border-radius: 9px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.privacy__row {
	position: relative;
	top: 0;
	margin: 5% 0%;
}

.privacy__row>img:nth-child(1) {
	position: absolute;
	left: 0;
	/* width: 80px; */
	/* animation: bubblePulse 3s ease-in-out infinite; */
}

@keyframes bubblePulse {

	0%,
	100% {
		transform: scale(1);
		opacity: 0.8;
		filter: blur(0px);
	}

	50% {
		transform: scale(1.1);
		opacity: 1;
		filter: blur(2px);
	}
}


/* Privacy css ends here */


/* Discover the Potential row css starts here */
.discover__potential__row {
	max-width: 1280px;
	margin: auto;
	padding: 20px 20px 20px 20px;
}

.discover__potential__grid__row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;

	@media screen and (max-width: 992px) {
		display: flex !important;
		flex-direction: column-reverse !important;
	}
}

.discover__potential__grid__row>div>img {
	width: 100%;
}

.input__subscribe__row>input {
	width: 100%;
	height: 52px;
	border-radius: 12px;
	border: none;
	outline: none;
	padding: 0px 15px;
	background-color: transparent !important;
	border-right: none;
	border: 1px solid rgba(202, 202, 202, 1);
}

.input__subscribe__row>input::placeholder {
	color: rgba(0, 0, 0, 0.30);
	font-size: 15px;
	font-weight: 400;
}

.input__subscribe__row>button {
	height: 52px;
	background-color: #154096;
	color: white;
	border-radius: 12px;
	border: none;
	outline: none;
	width: 150px;
	position: absolute;
	right: 0;
	font-size: 15px;

	@media screen and (max-width: 598px) {
		position: initial;
		margin-top: 15px;
	}
}

.discover__potential__grid__row>div>h3 {
	font-size: 38px;
	font-weight: 600;
	color: rgba(23, 54, 115, 1);
	margin-bottom: 10px;

	@media screen and (max-width: 598px) {
		font-size: 28px;
	}
}

.discover__potential__grid__row>div>p:last-child {
	color: rgba(0, 0, 0, 0.30);
	font-size: 14px;
}

.discover__potential__grid__row>div>ul {
	padding-left: 1rem;
	margin-top: 20px;
	margin-bottom: 20px !important;
}

.discover__potential__grid__row>div>ul>li {
	margin: 20px 0px;
}

.input__subscribe__row {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	position: relative;
	top: 0;
	margin-top: 20px;
	margin-bottom: 10px;

	@media screen and (max-width: 598px) {
		flex-direction: column;
		margin-bottom: 30px;
	}
}

/* Discover the Potential row css ends here */

/* Who are we css starts here */
.who_are__we__row {
	position: relative;
	background: linear-gradient(91.56deg, #EB6DBD 18.1%, #E99072 112.59%);
	padding: 280px 0px;
	/* height: 100vh; */
	margin: 0 auto 1rem auto;
	overflow: hidden;

	@media screen and (min-width: 1700px) {
		height: 520px;
	}

	@media screen and (max-width: 1080px) {
		padding: 280px 0px 380px 0px;
	}

	@media screen and (max-width: 598px) {
		padding: 0 !important;
		height: 675px !important;
	}
}

/* Using ::before for the image overlay */
.who_are__we__row::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../img/home_images/Group-10.png') no-repeat center center;
	background-size: cover;
	opacity: 1;
	pointer-events: none;
	z-index: 1;
	background-position: bottom;

	/* @media screen and (min-width: 1700px) {
		height: 100%; */
	/* } */

	/* @media screen and (max-width: 1080px) {
		height: calc(100% - 220px);
		top: 40%;
		transform: translateY(-50%);
	}

	@media screen and (max-width: 992px) {
		height: calc(100% - 350px);
		top: 20%;
		transform: translateY(-50%);
	}

	@media screen and (max-width: 640px) {
		height: calc(100% - 420px);
		top: 20%;
		transform: translateY(-50%);
	}

	@media screen and (max-width: 598px) {
		height: calc(100% - 550px);
		top: 10%;
		transform: translateY(-50%);
	} */
}

.who_are__we__row>*.who__are__we__images {
    position: static;
}

.who__are__we__images img {
    width: 100%;
    max-width: 110px;
    height: auto;
	border-radius: 12px;
}

.who__are__we__image1 { 
    position: absolute; 
    top: 6%; 
    left: 4%; 
}

.who__are__we__image2 { 
    position: absolute; 
    top: 31%; 
    left: 11%; 
}

.who__are__we__image3 { 
    position: absolute; 
    top: 72%; 
    left: 3%; 
	display: none;
}

.who__are__we__image4 { 
    position: absolute; 
    top: 8%; 
    left: 32%; 
}

.who__are__we__image5 { 
    position: absolute; 
    bottom: 5%; 
    right: 11%;  
}

.who__are__we__image6 { 
    position: absolute; 
    top: 4%; 
    right: 19%; 
}
.who__are__we__image6 img{
	max-width: 120px;
}

.who__are__we__image7 { 
    position: absolute; 
    top: 33%; 
    right: 5%; 
}

.who__are__we__image8 { 
	position: absolute; 
    top: 72%; 
    left: 3%;
}

.who__are__we__image9 { 
    position: absolute; 
    bottom: 16%; 
    right: 28%; 
}
.who__are__we__image10{
	position: absolute;
    bottom: 16%;
    left: 20%;
}
.who__are__we__image11{
	position: absolute;
    bottom: 20%;
    right: 3%;
}
.who__are__we__image12{
	position: absolute;
    top: 14%;
    right: 38%; 
}
.who__are__we__image13{
	position: absolute;
    top: 10%;
    right: 1%;
}
.who__are__we__images .who__are__we__image12 img{
	max-width: 110px;
}
.who__are__we__image10 img, .who__are__we__image12 img, .who__are__we__image13 img{
	max-width: 90px;
}
@media (max-width: 768px) {
    .who__are__we__images img {
        max-width: 80px;
    }
    .who__are__we__image1 { top: 5%; left: 4%; }
    .who__are__we__image2 { top: 26%; left: 10%; }
    .who__are__we__image3 { top: 65%; left: 5%; }
    .who__are__we__image4 { top: 8%; left: 32%; }
    /* .who__are__we__image5 { top: 8%; right: 32%; } */
	.who__are__we__images .who__are__we__image12 img{
		max-width: 80px;
	}
    .who__are__we__image6 { top: 5%; right: 15%; }
    .who__are__we__image7 { top: 30%; right: 5%; }
    .who__are__we__image8 { bottom: 7%; right: 9%; }
    .who__are__we__image9 { bottom: 22%; right: 22%; }
}

@media (max-width: 600px) {
	 .who__are__we__images img {
        max-width: 60px;
    }
}
@media (max-width: 480px) {

    .who__are__we__image1 { top: 4%; left: 4%; }
    .who__are__we__image2 { top: 23%; left: 6%; }
    .who__are__we__image3 { top: 66%; left: 4%; }
    .who__are__we__image4 { top: 8%; left: 28%; }
    /* .who__are__we__image5 { top: 10%; right: 28%; } */
    .who__are__we__image6 { top: 1%; right: 12%; }
    .who__are__we__image7 { top: 20%; right: 4%; }
    .who__are__we__image8 { bottom: 7%; right: 9%; }
    .who__are__we__image9 { bottom: 15%; right: 28%; }
	.who__are__we__image12{top: 15%;
    right: 31%;}
	.who__are__we__image10{
		bottom: 9%;
	}
}

/* Optional: content inside the row above the image */
.who_are__we__row>* {
	position: relative;
	z-index: 2;
}

.who__are__werow__container {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: auto;
	max-width: 850px;
	text-align: center;

	@media screen and (max-width: 598px) {
		padding: 0px 10px;
	}
}

.who__are__werow__container>h3 {
	color: white;
	font-size: 48px;
	margin-bottom: 20px;
	margin-top: 80px;
	font-weight: 600;

	@media screen and (max-width: 598px) {
		margin-top: 0rem;
		font-size: 32px;
	}
}

.who__are__werow__container>p {
	color: white;
	font-size: 16px;
	line-height: 1.6195 !important;
	font-weight: 500;
}

.who__are__werow__container>button {
	color: #173673;
	font-weight: 500;
	font-size: 16px;
	padding: 14px 20px;
	background-color: #FFFFFF;
	border-radius: 9px;
	height: 48px;
	border: none;
	margin-top: 20px;
}

.who__are__werow__container {
	padding: 0px 20px;
}

@media screen and (max-width: 598px) {

	.text_elements {
		max-width: 800px;
	}

	.text_elements p {
		margin: 20px 0px;
		font-weight: 500;
		color: #FFFFFFE5;
		font-size: 20px;
	}

	.text_elements h4 {
		color: #FFFFFF;
		font-size: 30px;
		font-weight: 500;
		margin-bottom: 0;
	}
	.who__are__werow__container>p{
		font-size: 14px;
	}

	@media screen and (max-width: 568px) {
		.text_elements h3 {
			font-size: 32px;
		}

		.img_commite img {
			max-width: 300px !important;
		}
	}


}

/* Who are we css ends here */

.ancestry_sections {
	background-color: #FFFFFF;
	border-radius: 102px;
	padding: 30px 20px 0px 20px;
	margin: 5% 20px;
	overflow: auto;
}

.collaboration {
	max-width: 600px;
	margin: auto;
	text-align: center;
}

.collaboration h3 {
	color: #173673;
	font-size: 40px;
	margin-bottom: 15px;
	font-weight: 500;
}


.collaboration p {
	color: #1B1B1B;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
}

.shipping_cart {
	margin-bottom: 40px;
}

.image_container .list_Screens_op {
	padding: 40.2px 20px !important;
}

.image_container .list_Screens_ops {
	padding: 48.2px 20px !important;

}

.image_container .animate_feature {
	padding: 26px 20px !important;
}

.image_container .deep_anc_icon {
	padding: 10px 20px !important;
}

.image_container .relatives_icons_service {
	padding: 18px 20px !important;
}

.image_container .na_option {
	padding: 32px 20px !important;
}

.image_container .animate_feature_icon {
	padding: 18px 20px !important;

}

.image_container .upgrad_new {
	padding: 40px 20px !important;

}

.image_container .img_opacity {
	opacity: 0;
}

.inner-header {
	position: relative;
	max-width: 1300px;
	margin: auto;
}

/* .men_ineer_img {
	position: static;
	left: -140px;
	z-index: 2;
	top: 50px;
} */


/* @media screen and (max-width: 1399.99px) {
	.men_ineer_img {
		left: -100px;
	}
}

@media screen and (max-width: 1299.99px) {
	.men_ineer_img {
		left: -150px;
	}
}


@media screen and (max-width: 1199.99px) {
	.men_ineer_img {
		left: -200px;
	}
}

@media screen and (max-width: 1080px) {
	.men_ineer_img {
		left: -240px;
	}
}



@media screen and (max-width: 992px) {
	.men_ineer_img {
		left: -180px;
	}
	.who__are__we__images img{
		max-width: 90px;
	}
}


@media screen and (max-width: 768px) {
	.men_ineer_img {
		left: -250px;
	}
}


@media screen and (max-width: 723.98px) {
	.men_ineer_img {
		left: -100px;
	}
}


@media screen and (max-width: 640px) {
	.men_ineer_img {
		left: -180px;
	}
}



@media screen and (max-width: 484px) {
	.men_ineer_img {
		left: -250px;
	}
} */


.shop_items {
	text-align: right;
}

.all_elements_shop {
	max-width: 1000px;
	margin: 10px auto;
}

.pricing {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
}

.pricing-item {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: stretch;
	align-items: stretch;
	text-align: center;
	-webkit-flex: 0 1 330px;
	flex: 0 1 330px;
}


.pricing-feature-list {
	text-align: left;
}

.pricing-feature-list-Screens {
	margin: -16px 0px 0 0 !important;
}
.pricing__item--featured .pricing-feature-list-Screens li{
	border: none !important;
}
.pricing__item--featured .basic_plan{
	margin-block: 30px;
}
.pricing-palden .pricing-item {
	font-family: 'Open Sans', sans-serif;
	cursor: default;
	color: #84697c;
	background: linear-gradient(180deg, #214DA5 12.1%, #5686E7 95.83%);
	box-shadow: -7px 4px 17px var(--sds-size-blur-100) #0000001F;
}

.pricing-palden .pricing-item {
	margin: 1em -0.5em;
}

.pricing-palden .pricing__item--featured {
	margin: 0;
	z-index: 10;
	box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);
}


.pricing-palden .pricing-deco {
	position: relative;
}

.basic_plan h4 {
	color: #FFFFFF;
	font-size: 17px;
	font-weight: 600;
}

.basic_plan {
	padding: 10px 20px;
	margin: 20px 0px;
}


.pricing-palden .pricing-feature-list {
	margin: 0;
	padding: 0.25em 0 2.5em;
	list-style: none;
	text-align: center;
	padding-bottom: 0;
}

.pricing-feature-list li {
	color: #FFFFFF;
	font-weight: 600;
	font-size: 16px;
}

.pricing-palden .pricing-feature {
	padding: 20px 20px;
	border-bottom: 1px solid #FFFFFF26;
}

.pricing-palden .pricing-feature:first-child {
	border-top: 1px solid #FFFFFF26;
}


.pricing-palden .pricing-feature:last-child {
	border-bottom: 1px solid transparent;
}


.image_container .pricing-feature {
	padding: 10px 20px !important;
}

.image_container .pricing-feature img {
	width: 51px;
}

.wellbeing_section {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.girls_imag img {
	max-width: 342px;
	width: 100%;
}

.girls_imag {
	text-align: center;
}

.text_sects h4 {
	font-size: 20px;
	font-weight: 600;
	color: #173673;
	margin-bottom: 15px;
	text-align: center;
}

.text_sects .dollers {
	text-align: center;
}

.text_sects .buy_shop {
	text-align: center;
}

.scroll-table {
	background: #f9fafb;
	padding: 20px;
	margin-top: -160px
}

.scroll-table__container {
	max-width: 1210px;
	margin: auto;
	overflow: scroll
}

.scroll-table__content {
	max-width: inherit
}
.compare-main .scroll-table__cell{
	border-bottom: 1px solid rgba(255, 255, 255, .15);
}
.compare-main .scroll-table__row {
	border-bottom: 1px solid rgba(255, 255, 255, .15);
}
.compare-main .scroll-table__row .scroll-table__cell{
	background: #214DA5;
}
.compare-main .scroll-table__row, .compare-main .flex-table{
	border: none;
}
.compare-main .inner-header{
max-width: 1310px
}
.scroll-table__row {
	display: -webkit-box;
	display: flex;
	flex-wrap: no-wrap;
	position: relative
}

.scroll-table__row::after {
	content: "";
	position: absolute;
	background-color: #e2e4e7;
	height: 0.5px;
	left: 0;
	top: 0;
	width: 1200px;
	display: none;
}


.scroll-table__row--headings .scroll-table__cell:first-of-type .scroll-table__heading,
.scroll-table__row--products .scroll-table__cell:first-of-type .scroll-table__heading {
	text-transform: uppercase;
	font-weight: 400;
	text-align: left
}

.scroll-table__row--headings+.scroll-table__row::after,
.scroll-table__row--products+.scroll-table__row::after {
	display: none
}

.scroll-table__row--products .scroll-table__heading {
	min-height: 37px
}

.scroll-table__row--products .scroll-table__cell {
	padding: 10px 5px;
	text-align: center
}
.compare-main .scroll-table__cell:not(:has(*)) {
    display: none !important;
}
.scroll-table__row--products .scroll-table__cell--info {
	opacity: 0
}

.scroll-table__row--products a,
.scroll-table__row--products button {
	margin: auto
}

.scroll-table__row--products form {
	width: 100%
}

.scroll-table__row--products a {
	font-size: 16px;
	margin-top: 14px;
	color: #173673;
	text-decoration: none
}

.scroll-table__row--products--cta {
	margin-top: 15px
}

.scroll-table__row--products--cta .scroll-table__thumbnail {
	display: none
}


.scroll-table__prices {
	width: 100%;
	margin: 17px 0 25px
}

.scroll-table__prices p {
	margin: 0;
	display: inline
}

.scroll-table__prices-price {
	font-weight: 600;
	font-size: 22px;
	color: #173673;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center
}

.scroll-table__prices-discount {
	font-weight: 400;
	font-size: 17px;
	margin-right: 7px;
	text-decoration: line-through
}

.scroll-table__prices-hilight {
	color: #cc005a
}

.scroll-table__prices-shipping {
	font-size: 11px;
	position: relative;
	top: -3px
}
.scroll-table__cell:empty{
	display: none;
}
.scroll-table__cell {
	width: 284px;
	display: -webkit-box;
	display: flex;
	align-content: center;
	-webkit-box-pack: start;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-shrink: 0;

	padding: 10px
}
.scroll-table__cell--info {
	width: 450px;

	/* position: -webkit-sticky;
	position: sticky; */
	left: 0;
	padding: 25px 20px;
	z-index: 1
}

.scroll-table__cell--info .scroll-table__heading {
	text-align: left
}

.scroll-table__cell:nth-of-type(add) {
	background-color: #e50b0f;

}
/* .compare-main .scroll-table__cell:nth-of-type(3){
	background-color: #F14EB8;
} */
.compare-main .scroll-table__cell:nth-of-type(3){
    background-color: #F14EB8;
    margin: -8px 0;
	border-color: #F14EB8;
}
.scroll-table__heading {
	width: 100%;
	margin: 0;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 600;
	text-align: center
}

.scroll-table__copy {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 14px;
	margin: 6px 0 0
}

.scroll-table__tick {
	fill: #37f;
	max-width: 32px;
	max-height: 32px;
	margin: auto
}

.scroll-table__cell-info {
	font-size: 18px;
	font-weight: 400;
	color: #ffffff;
	text-transform: uppercase;
	width: 100%;
	text-align: center
}

.scroll-table__arrow {
	width: 18px;
	position: absolute;
	top: 50%;
	right: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 1.5% 0;
	-webkit-transition: ease .6s;
	transition: ease .6s;
	display: none
}

.scroll-table__arrow--active {
	-webkit-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg)
}

.scroll-table__arrow img {
	display: block;
	width: 100%
}
@media (max-width: 1400px){
	.compare-main .inner-header{
		max-width: max-content;
	}
	.compare-main .scroll-table__row .scroll-table__cell{
		width: 260px;
	}

}
@media (max-width: 1260px) {
	.scroll-table {
		padding: 20px 0 20px 20px
	}
}
@media (max-width: 1150px){
	.compare-main .scroll-table__row .scroll-table__cell{
		width: 240px;
	}
	.compare-main .scroll-table__heading{
		font-size: 15px;
	}
	.compare-main .ancestry_sections{
		padding-inline: 0;
	}

}

@media (max-width: 1024px) {
	.scroll-table {
		margin-top: -60px
	}

	.scroll-table__row--products .scroll-table__cell--info {
		opacity: 1
	}

	.scroll-table__row--products--cta .scroll-table__thumbnail {
		display: block
	}
}

@media (max-width: 860px) {
	.scroll-table__cell {
		width: calc(460px / 3);
		padding: 20px 10px
	}
	.scroll-table__heading{
		font-size: 16px;
	}

	.scroll-table__cell--info {
		width: 350px;
		padding: 20px
	}

	.scroll-table__row--headings {
		margin: 25px 0 -5px
	}

	.scroll-table__row--products button {
		font-size: 14px;
		min-width: unset;
		padding: 0;
		width: 100%;
		height: 3.4rem;
		line-height: 3.2rem
	}

	.scroll-table__row--products a {
		font-size: 13px;
		margin-top: 7px
	}

	.scroll-table__row::after {
		width: 810px
	}

	.scroll-table__thumbnail {
		padding: 10px 0;
		margin-bottom: 0
	}

	.scroll-table__prices {
		margin: 8px 0 12px
	}

	.scroll-table__prices p {
		display: block
	}

	.scroll-table__prices-price {
		font-size: 18px
	}

	.scroll-table__prices-discount {
		font-size: 13px;
		position: relative;
		top: -3px;
		margin-right: -2px
	}

	.scroll-table__tick {
		max-width: 20px;
		max-height: 20px
	}

	.scroll-table__cell-info {
		font-size: 14px
	}
}
@media (max-width: 767px)  {
	.compare-main .scroll-table__cell:last-child {
		margin: 0;
	}
	.ancestry_sections{
		border-radius: 4px;
	}
}
@media (max-width: 620px) {
	.scroll-table {
		padding: 10px 0 10px 10px
	}

	.scroll-table__cell {
		width: calc(392px / 3);
		padding: 20px 7px
	}

	.scroll-table__cell--info {
		width: 180px;
		padding: 20px 35px 20px 20px
	}

	.scroll-table__row::after {
		width: 570px
	}
	.dna__img__row{
		width: 152px;
    	height: 152px;
	}
}

@media (max-width: 398px) {
	.scroll-table__cell--info {
		width: 150px;
		padding: 15px 35px 15px 15px
	}

	.scroll-table__cell-info,
	.scroll-table__copy {
		font-size: 13px;
		font-weight: 400
	}

	.scroll-table__heading {
		font-size: 13px
	}

	.scroll-table__row::after {
		width: 540px
	}

	.scroll-table__arrow {
		width: 13px;
		padding: 8% 0
	}
}

.scroll-table__row {
	background-color: #214DA5;
}

.scroll-table__row--headings,
.scroll-table__row--products {
	/* margin: 55px 0 20px; */
	margin-top: 30px;
}

.compairimg {
	vertical-align: middle;
	margin: auto;
	position: relative;
	z-index: 1;
}

.scroll-table__row,
.scroll-table__cell,
.flex-table {
	border-bottom: 1px solid #2F5CB6;
}

.table-1 {
	padding-top: 0 !important;
}

.flex-table {
	padding: 5% 0 0;
}

/* Contact Form */
.inner_form {
	max-width: 1280px;
	margin: 50px auto;
	width: 100%;
	padding: 0px 20px;
	background-color: #FFFFFF;
	border-radius: 12px;
	padding: 30px 20px 30px 20px;
	position: relative;
	z-index: 1;
}


.form_container {
	max-width: 850px;
	margin: auto;

	@media screen and (max-width:598px) {
		margin-bottom: 5rem !important;
	}
}


.form_container .form-control,
.form_container .form-select {
	font-size: 15px;
	color: #000000;
	font-weight: 400;
	border: 1.6px solid #E5E5E5;
	padding: 12px 15px;
	border-radius: 8px;
	background-color: transparent;
}

.form_container .form-control:focus,
.form_container .form-select:focus {
	box-shadow: none;
}

.form_container .form-label {
	font-size: 16px;
	color: #000000;
	margin-bottom: 5px;
	font-weight: 400;
}

.button_container {
	/* text-align: center; */
	max-width: 300px;
	margin: auto;
}

.button_container .submit {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 80px;
	border-radius: 100px;
	border: none;
	width: 100%;
	width: fit-content;
	background-color: #173673;
	height: 58px;
}

.Education {
	text-align: center;
	margin-bottom: 40px;
}

.Education h3 {
	color: #173673;
	font-size: 38px;
	font-weight: 600;
	margin-bottom: 10px;

	@media screen and (max-width: 598px) {
		font-size: 28px;
	}
}

.Education p {
	color: #1B1B1B;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 0;
}

.girl_img {
	position: absolute;
	bottom: 0px;
	right: 0;
	z-index: 1;
}

.girl_img img {
	width: 100%;
}

@media screen and (max-width: 1299.99px) {
	.girl_img img {
		width: 100%;
		max-width: 200px;
	}
}


@media screen and (max-width: 992px) {
	.girl_img img {
		width: 100%;
		max-width: 100px;
	}

	.girl_img {
		right: -40px;
	}
}

/* Responsive styles */
@media (max-width: 767px) {
	.scroll-table__row {
		/* display: block; */
		border: 1px solid #eee;
		margin-bottom: 1rem;
	}

	.scroll-table__cell {
		display: flex;
		justify-content: space-between;
		align-items: center;
		text-align: left;
		/* min-width: 100%; */
		border-bottom: 1px solid #f0f0f0;
	}

	.scroll-table__heading {
		font-size: 0.875rem;
		font-weight: 600;
	}
	.scroll-table__row{
		border: none;
		margin-bottom: 0;
	}
	.scroll-table__row--headings, .scroll-table__row--products{
		margin-bottom: 0;
	}
	.flex-table{
		border: none;
	}
	.scroll-table__cell-info {
		font-size: 0.875rem;
	}
	.scroll-table__copy{
		font-size: 13px;
	}
	.scroll-table__cell::before{
		content: none !important;
	}

	/* Optional: make heading act like labels */
	.scroll-table__cell::before {
		content: attr(data-label);
		font-weight: 600;
		flex: 0 0 40%;
		color: #333;
	}

	.scroll-table__cell--info::before {
		content: none;
		/* don’t repeat for info column */
	}
}



/* Navbar css starts here update */
.navbar {
	padding: 0 !important;
}

.navbar-collapse>div {
	gap: 10px;
	margin-left: 20px;
}

.nav__item--drop:hover .nav__dropdown{
	list-style: none !important;
}


.nav__dropdown{
	padding: 0px 15px;
}


#dropdown-3-8{
	padding-left: 0rem !important;
}


#dropdown-2-2,#dropdown-2-8{
	border-radius: 6px !important;
}

.navbar-collapse>div>a:nth-child(3)>img{
	width: 36px !important;
	height: 36px !important;
}

.the__dna__living__dna__container {
    position: relative;
    top: 0;
    margin-bottom: 20px;
    padding: 0px 20px;
}

.the__dna__living__dna__container>img {
    width: 100vw;
    position: absolute;
    top: -40px;
    animation: driftDNA 10s ease-in-out infinite;
}

@keyframes driftDNA {
    0% {
        transform: translateX(0) scale(1);
    }

    50% {
        transform: translateX(15px) scale(1.05);
    }

    100% {
        transform: translateX(0) scale(1);
    }
}

/* Banner row css starts here */
.banner__container__row {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 50px;
    max-width: 1280px;
    padding-top: 10rem;
    margin: auto;

    @media screen and (max-width: 992px) {
        display: flex;
        flex-direction: column-reverse;
    }
}

.banner__container__row>div:nth-child(1) {
    margin-top: 5rem;
}

.banner__right_side__img__container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    position: relative;
    top: 0;
}

.banner__right_side__img__container>div {
    position: absolute;
    top: 0;
    left: 100px;
    top: 50%;
    transform: translateY(-50%);
}

.banner__right_side__img__container>div>img:nth-child(2) {
    position: absolute;
    top: -180px;
    left: 30px;
}


.banner__container__row>div>h1 {
    color: rgba(23, 54, 115, 1);
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 10px;
}

.banner__container__row>div>p {
    color: rgba(27, 27, 27, 1);
    font-size: 18px;
    font-weight: 300;
}

@media screen and (max-width: 1300px) {
    .banner__right_side__img__container>div {
        left: 40px !important;
    }
}

@media screen and (max-width: 1300px) {
    .banner__right_side__img__container>div {
        left: -25px !important;
    }
}

@media screen and (max-width: 1080px) {
    .banner__right_side__img__container>div {
        left: -65px !important;
    }
}

@media screen and (max-width:992px) {
    .banner__right_side__img__container>div {
        left: 60px !important;
    }

    .banner__container__row {
        gap: 0px !important;
    }

    .banner__container__row>div:nth-child(1) {
        margin-top: 1.5rem;
    }

}

@media screen and (max-width: 640px) {
    .banner__right_side__img__container>div {
        left: -20px !important;
    }

    .banner__right_side__img__container>img:nth-child(1) {
        width: 80%;
    }
}

@media screen and (max-width: 598px) {
    .banner__right_side__img__container>div>img:nth-child(2) {
        position: absolute;
        top: -85px;
        left: 55px;
        width: 195px;
    }

    .banner__container__row>div>h1 {
        margin-top: 20px;
        font-size: 34px;
    }
	.compare-main .scroll-table__row .scroll-table__cell{
		width: 190px;
	}
}

/* Banner row css ends here */

.login_btn {
	background-color: transparent !important;
    border: 1px solid !important;
    color: white !important;
}
.top_img img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}