:root {
	--white-coloe: #ffffff;
	--blue-color: #592C82;
	--secondary-color: #e04b9f;
	--bg-blue-color: #592C82;
	--bg-white: #ffffff;
	--bg-green: linear-gradient(to bottom, #F8F8F8, #DBEFE6);
	--bg-pink: #F3F0F6;
	--bg-pink-color: linear-gradient(110deg, #F8F2F4, #F8D5E2);
	--bg-light-blue: linear-gradient(110deg, #F2F4F7, #BDCFEA);
	--bg-light-yellow: #FAFAFA;
	--bg-light-green: #F0F6F4;
	--black-color: #000000;
	--bg-light-gray: #FAFAFA;
	--light-blue-color: #BFA8CD;
	--light-blue-bg-color: #F3F0F6;
	--h1-color: #BEABCC;
	--bg-yellow-color: linear-gradient(to right, #B79763, #DCC383, #F9E7B1, #DCC383, #B79763);
	--constellation-bold: "ConstellationTLPro-Bold.ttf";
	--constellation-regular: "ConstellationTLPro-Regular.ttf";
	--founder-bold: "FoundersGrotesk-Semibold.otf";
	--founder-regular: "FoundersGrotesk-Regular.otf";
	--lato-bold: "Lato-Black.ttf";
	--lato-reg: "Lato-Reg.ttf";
	--primay-bg: #40b4e0;
	--gradient: linear-gradient(#B79763, #DCC383, #F9E7B1, #DCC383, #B79763);
	--gradient-right: linear-gradient(145deg, #B79763, #DCC383, #F9E7B1, #DCC383, #B79763);
}

@font-face {
	font-family: "ConstellationTLPro-Bold.ttf";
	src: url(../Fonts/Constellation/ConstellationTLPro-Bold.ttf);
}

@font-face {
	font-family: "ConstellationTLPro-Regular.ttf";
	src: url(../Fonts/Constellation/ConstellationTLPro-Regular.ttf);
}

@font-face {
	font-family: "FoundersGrotesk-Semibold.otf";
	src: url(../Fonts/Founders/FoundersGrotesk-Semibold.otf);
}

@font-face {
	font-family: "FoundersGrotesk-Regular.otf";
	src: url(../Fonts/Founders/FoundersGrotesk-Regular.otf);
}

@font-face {
	font-family: "Lato-Reg.ttf";
	src: url(../Fonts/Lato-Reg.ttf);
}

@font-face {
	font-family: "Lato-Black.ttf";
	src: url(../Fonts/Lato-Black.ttf);
}

@font-face {
	font-family: "FoundersGrotesk-Light.otf";
	src: url(../Fonts/Founders/FoundersGrotesk-Light.otf);
}

.none-neocate-text-mobile{
    display:none;
}

.neocate-sample-contain {
    max-width: 1500px;
    width: 100%;
}

.neocate-product-text h6.neocate-sample-h6 {
	height: 100px;
}

h2.neocate-sample-h2 {
	color: var(--blue-color);
	font-family: var(--constellation-bold);
	font-size: 40px;
	margin: 0;
}

h3.neocate-sample-h3 {
	font-family: var(--constellation-bold);
	color: var(--blue-color);
	font-size: 36px;
}

h4.neocate-sample-h4 {
	font-family: var(--founder-bold);
	font-size: 30px;
	color: var(--blue-color);
}

	h4.neocate-sample-h4 sup {
		font-family: var(--founder-regular);
		font-size: 16px;
	}

h6.neocate-sample-h6 {
	margin: 0;
	font-size: 24px;
	font-family: var(--founder-regular);
	color: var(--blue-color);
	line-height: 1.2;
}

h6.neocate-h6-bold {
	margin: 0;
	font-size: 24px;
	font-family: var(--founder-bold);
	color: var(--blue-color);
	line-height: 1.2;
	padding-top: 16px;
}

p.neocate-sample-p {
	font-family: var(--founder-regular);
	font-size: 18px;
	margin: 0;
	color: var(--blue-color);
	line-height: 1.2;
}

span.neocate-sample-span {
	font-family: var(--founder-bold);
}

.neocate-btn a {
	text-decoration: none;
	font-size: 13px;
	color: var(--white-coloe);
	background-color: var(--bg-blue-color);
	padding: 10px 20px;
	border-radius: 8px;
	font-family: 'Lato', sans-serif !important;
}

	.neocate-btn a:hover {
		background-color: #7a45bc;
		color: #fff;
		text-decoration: none;
	}

.neocate-btn {
	margin-top: 32px;
	display: flex;
}

	.neocate-btn .inline.w50.center {
		width: 50%;
	}

/* Onload Popup Start */

.neocate-popup-logo img {
	max-width: 200px;
	padding-bottom: 30px;
}

.neocate-popup .modal-body {
	padding: 50px;
}

/* Onload Popup End */

/* Header Start */

.neocate-sample {
	background-color: var(--bg-blue-color);
	padding: 20px;
}

.shipping-address-checkbox {
	justify-content:start !important;
	margin:0 !important;
}

.free-shipping {
	padding-left: 30px;
	/*padding-top: 14px;*/
}


/* Header End */

/* Section One Start */

.neocate-sample-section-one {
	background-color: #f2f0f6;
	padding: 50px;
	margin: 20px;
	border-radius: 20px;
}

.neocate-sample-header img {
	max-width: 250px;
	width: 100%;
}

.neocate-sample-section-one-content {
	padding-top: 72px;
}

.neocate-sample-section-two p {
	font-size: 21px;
}


/* Section One End */

/* Section Two Start */

.row.row-part-two {
	width: 75%;
	margin: auto;
}

.neocate-sample-part-one {
	border: 1px solid var(--bg-blue-color);
	padding: 70px 33px;
	border-radius: 40px;
}

	.neocate-sample-part-one .row {
		display: flex;
		align-items: center;
	}

.neocate-sample-part-one-content a {
	background: var(--bg-yellow-color);
	display: block;
	font-family: var(--constellation-bold);
	font-size: 24px;
	text-align: center;
	padding: 26px;
	border-radius: 20px;
	color: var(--blue-color);
	text-decoration: none;
	line-height: 1.2;
}

section.neocate-sample-section-two {
	padding: 0 50px 50px 50px;
}

.neocate-thank-you p {
	padding: 40px 0;
}

.neocate-button-link a {
	text-decoration: none;
	color: var(--blue-color);
	font-family: var(--constellation-bold);
	background: var(--bg-yellow-color);
	padding: 12px 36px;
	font-size: 16px;
	border-radius: 16px;
}

.neocate-three-content p {
	font-size: 20px;
}

.neocate-smaple-row-one p.neocate-sample-p {
	padding-top: 6px;
}

.neocate-three-content p input {
	box-shadow: none;
	max-width: 16px;
	height: 16px;
	display: inline;
}

p.neocate-sample-p.three-tab-test {
	font-size: 25px;
}

/* Section Two End */

/* Section Three Start */

.neocate-sample-section-three {
	padding: 0 50px;
}

.neocate-sample-tab .neocate-number {
	font-family: var(--constellation-bold);
	font-size: 40px;
	color: var(--blue-color);
	display: block;
	background: var(--gradient-right);
	padding: 12px;
	border-radius: 50px;
	max-width: 80px;
	height: 80px;
	display: flex;
	margin: auto;
	align-items: center;
	justify-content: center;
	padding-left: 21px;
}

.neocate-sample-tab .neocate-tab-h3 {
	font-family: var(--founder-bold);
	color: var(--blue-color);
	font-size: 26px;
}

.row.neocate-smaple-row-one {
	width: 80%;
	margin: auto;
}

.neocate-sample-tab {
	cursor: pointer;
	opacity: 0.5;
}

	.neocate-sample-tab.necocte-selected {
		opacity: 1;
	}

.neocate-three-content {
	padding-top: 0;
	padding-bottom: 20px;
}

.neocate-sample-form label {
	font-family: var(--lato-bold);
	color: var(--blue-color);
	width: 100%;
	font-size: 20px;
}

.neocate-sample-input label span {
	font-family: var(--lato-reg);
}

.neocate-input-radio input[type="radio"], .neocate-input-radio input[type="checkbox"] {
	margin: unset;
	border: 0;
	width: 18px;
	max-width: 18px;
	outline: 0;
	box-shadow: none;
}
.neocate-product .col-lg-2.col-md-4.col-sm-6.text-center {
	padding: 15px;
}


.neocate-input-radio label {
	font-family: var(--lato-bold);
	color: var(--blue-color);
	font-size: 18px;
	width: fit-content;
	margin: 0;
}

.neocate-sample-input {
	padding-bottom: 20px;
}

.neocate-input-radio {
	display: flex;
	align-items: center;
	gap: 10px;
}

.neocate-submit-buttom {
	padding-top: 20px;
	position: relative;
}

	.neocate-submit-buttom input {
		margin: auto;
		padding: 10px 100px;
		font-family: var(--constellation-bold);
		font-size: 24px;
		color: var(--blue-color);
		background: var(--bg-yellow-color);
		display: block;
		border: 0;
		outline: 0;
		border-radius: 22px;
		width: fit-content;
		text-decoration:none;
	}

		.neocate-submit-buttom input img {
			max-width: 10px;
			width: 100%;
		}
.form-group .has-error {
	color: red;
	font-family: 'FoundersGrotesk-Regular.otf';
	font-weight: unset;
	font-size: 18px;
}
.neocate-requird p {
	font-family: var(--founder-regular);
	font-size: 20px;
	color: var(--blue-color);
}

.neocate-sample-input input {
	font-family: 'Lato-Reg.ttf';
	color: var(--black-color);
	font-size: 20px;
	/*padding-top: 14px;*/
}

	.neocate-sample-input input::placeholder {
		padding-top: 20px;
	}

.neocate-seach {
	position: relative;
}

	.neocate-seach::before {
		position: absolute;
		content: "";
		background-image: url(../img/Untitled-2.png);
		background-repeat: no-repeat;
		width: 20px;
		height: 20px;
		background-size: contain;
		top: 50%;
		transform: translateY(-50%);
		margin-left: 12px;
	}

	.neocate-seach input {
		padding-left: 40px;
		padding-top: 12px;
	}

.neocate-checkbox label {
	font-family: var(--lato-reg);
	font-weight: 500;
}

button.neocate-tab-button-three {
	padding: 10px 34px;
}

.neocate-three-content a {
	color: #1132da;
}

.neocate-check-box-two {
	margin-top: 30px;
	justify-content: center;
}

.neocate-product-text h6 {
	color: white;
	font-size: 18px;
	padding-top: 10px;
}

.neocate-product .neocate-check-box-two {
	margin-top: 6px;
}

	.neocate-product .neocate-check-box-two label {
		font-family: var(--founder-regular);
		line-height: 1;
		margin-top: 7px;
		padding-left:6px;
		font-weight: 500;
	}

.neocate-product-text {
	background-color: var(--secondary-color);
	position: relative;
	padding: 10px;
	/* padding: 20px; */
	border-radius: 10px 40px 40px 40px;
	margin-top: 80px;
	min-height: 186px;

}
.out-off-stock::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    background-image: url('../img/out-of-stock.webp');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    /*	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px;*/
    /*font-family: 'FoundersGrotesk-Semibold.otf';*/
    width: 98%;
    /*min-height: 340px;*/
    height: 100%;
    z-index: 2;
    /*transform: rotate(-45deg);*/
    /*color: white;*/
}

.neocate-product {
    position: relative;
}
.neocate-text-height {
    position: absolute;
    width: 100%;
    left: 0;
    top: -50px;
}

.neocate-three-content {
    padding-top: 0;
    padding-bottom: 60px;
}

.out-off-stock::after {
	position: absolute;
	content: "";
	background: #b3adad;
	left: 0;
	bottom: 0;
	/*max-height: 340px;*/
	height: 100%;
	width: 98%;
	opacity: 0.5;
}

.neocate-product-content.none-neocte-text {
	opacity: 0;
}

/* .neocate-img {
    position: absolute;
    margin-top: -52px;
    left: 50%;
    transform: translateX(-50%);
} */

.neocate-img img {
	max-width: 100%;
	margin-top: -56px;
	object-fit: contain;
}

section.neocate-sample-section-three.tab-padding {
	padding-top: 50px;
}

.tab-padding-bottom {
	padding-bottom: 50px;
}

.container.tab-container .row {
	width: 100%;
	margin: auto;
}

.container.tab-container {
	width: 100%;
}

.neocate-product-text.primay-bg {
	background-color: var(--primay-bg);
}

.neocate-product .row {
	display: flex;
	align-items: end;
}



/* Section Three End */

/* Footer Start */

.neocate-sample-footer {
	background-color: var(--blue-color);
	padding: 50px;
}

.neocate-footer-content p {
	/* font-family: var(--founder-regular); */
	font-family: "FoundersGrotesk-Light.otf";
	color: var(--white-coloe);
	font-size: 16px;
}

span.footer-span {
	font-family: 'FoundersGrotesk-Semibold.otf';
}

.neocate-footer-content p a {
	/* text-decoration: none; */
	color: var(--bg-white);
}

.neocate-footer-content p a {
	padding: 0 8px;
}

a.neocate-border-right {
	border-right: 2px solid;
}

/* Footer End */

.neocate-popup .modal-dialog {
	width: 430px;
	margin:  auto;
	top:20%;
}

.neocate-popup-logo img {
	max-width: 163px;
	padding-bottom: 13px;
}

.neocate-popup h6 {
	margin: 0;
	font-size: 18px;
	font-family: var(--founder-regular);
	color: var(--blue-color);
	line-height: 27px;
	font-family: 'Lato', sans-serif !important;
	font-weight: 400;
}

.neocate-popup .modal-body {
	padding: 20px;
}

.neocate-popup h6.neocate-h6-bold {
	margin: 0;
	font-size: 18px;
	font-family: 'Lato', sans-serif !important;
	color: var(--blue-color);
	line-height: 1.2;
	padding-top: 16px;
}

@media only screen and (max-width: 1400px) {
	.neocate-sample-h4 br {
		display: none;
	}

	.neocate-footer-content p br {
		display: none;
	}

	.row.row-part-two {
		width: 90%;
		margin: auto;
	}
}

@media only screen and (max-width: 1300px) {
	.neocate-product .row .col-lg-2 {
		width: 25%;
		/*height: 350px;*/
		align-items: end;
		display: grid;
	}

	.neocate-product-content {
		height: 50px;
	}

	.neocate-product .row {
		display: block;
		align-items: end;
	}
    .neocate-img img {
        max-width: 100%;
        margin-top: 0;
        object-fit: contain;
    }

    .neocate-product-text {
        margin-top: 0;
    }
    .neocate-text-height {
        position: unset;
        width: 100%;
        display: none;

    }

    .none-neocate-text-mobile p {
        opacity: 0;
    }

    .neocate-text-height-mobile {
        display: block !important;
    }

    .neocate-text-height-mobile p{
        color:white !important;

    }
    .neocate-product .col-lg-2.col-md-4.col-sm-6.text-center {
        margin-bottom: 20px;
    }
}



@media (max-width: 1200px) {
	.container {
		width: 100%;
	}
}

@media only screen and (max-width: 1180px) {
	.row.row-part-two {
		width: 100%;
		margin: auto;
	}

    .neocate-sample-section-three {
        padding: 0 22px;
		padding-bottom:50px;
    }

	.neocate-sample-part-one .row {
		display: block;
		align-items: center;
	}

	.neocate-sample-part-one-img img {
		max-width: 250px;
		width: 100%;
		padding-bottom: 30px;
	}

	.neocate-sample-p br {
		display: none;
	}

	.row.neocate-smaple-row-one {
		width: 100%;
		margin: auto;
	}

	.neocate-product .row .col-lg-2 .neocate-sample-p br {
		display: block;
	}
}

@media only screen and (max-width: 991px) {
	.neocate-product .row .col-lg-2 {
		width: 33.33%;
		height: unset;
		margin: auto;
	}
}

@media only screen and (max-width: 780px) {
	.neocate-sample-section-one {
		padding: 30px;
	}

	section.neocate-sample-section-two {
		padding: 0 30px 50px 30px;
	}

	.neocate-sample-part-one {
		padding: 30px 30px;
	}

	.neocate-sample-footer {
		padding: 30px;
	}

	.neocate-sample-part-one-img img {
		max-width: 200px;
	}

	h2.neocate-sample-h2 {
		font-size: 30px;
	}

	h6.neocate-sample-h6 {
		font-size: 20px;
	}

	.neocate-btn a {
		font-size: 20px;
	}

	h6.neocate-h6-bold {
		font-size: 20px;
	}

	h4.neocate-sample-h4 {
		font-size: 26px;
	}

	p.neocate-sample-p {
		font-size: 16px;
	}

	h3.neocate-sample-h3 {
		font-size: 28px;
	}

	.neocate-sample-part-one-content a {
		font-size: 22px;
	}

	.neocate-footer-content p {
		font-size: 14px;
	}

	.neocate-sample-tab .neocate-tab-h3 {
		font-size: 20px;
	}

	.neocate-sample-tab .neocate-number {
		font-size: 26px;
		max-width: 60px;
		height: 60px;
	}

	.neocate-sample-form label {
		font-size: 16px;
	}

	.neocate-requird p {
		font-size: 16px;
	}

	.neocate-submit-buttom button {
		font-size: 20px;
	}

	.neocate-sample-input input {
		font-size: 18px;
	}

	.neocate-sample-section-three {
		padding: 0 0;
	}

	.tab-padding-bottom {
		padding-bottom: 50px !important;
	}

	.neocate-sample-header img {
		max-width: 150px;
		width: 100%;
	}

	button.neocate-tab-button-three {
		padding: 10px 33px;
	}
}

@media (min-width: 50px) and (max-width: 776px) {
	.neocate-popup .modal-dialog {
		width: 280px;
		margin: auto;
		top: 20%;
	}
	.neocate-popup h6 {
		font-size: 16px;
		line-height: 24px;
	}
		.neocate-popup h6.neocate-h6-bold {
			line-height: 24px;
			padding-top: 10px;
			font-size: 15px;
		}
	.neocate-btn {
		margin-top: 20px;
		display: flex;
	}
}

@media (max-width: 768px) {
	.container {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.neocate-product-text h6.neocate-sample-h6 {
		height: auto;
	}
	.neocate-product-content {
		height: auto;
	}
	.neocate-product-text span.neocate-sample-span {
		display: block;
	}
    .out-off-stock::before{
        width:100%;
    }
    .out-off-stock::after {
        width: 100%;
    }
    .neocate-product .col-lg-2.col-md-4.col-sm-6.text-center {
        margin-top: 15px;
    }
    .none-neocate-text-mobile {
        display: none !important;
    }
	.out-off-stock::after {
		/*max-height:none;*/
		height:100%;
		/*min-height: 340px;*/
	}
    .neocate-three-content {
        padding-bottom: 20px;
    }


	.neocate-submit-buttom input {
		margin: auto;
		padding: 14px 0;
		font-family: var(--constellation-bold);
		font-size: 18px;
		color: var(--blue-color);
		background: var(--bg-yellow-color);
		display: block;
		border: 0;
		outline: 0;
		border-radius: 22px;
		width: 100%;
		text-decoration: none;
		display: block;
	}
	.neocate-sample-input td {
		display: flex;
		align-items: center;
		gap: 7px;
		margin-bottom: 8px;
	}
	.other-input-field {
		position: absolute;
		z-index: 1;
		width: 100%;
		margin-left: 86px;
		/* bottom: 0; */
		margin-top: -50px;
		width: fit-content;
	}
	.neocate-product .row .col-lg-2 {
		width: 50%;
		height: unset;
		margin: auto;
	}

	.neocate-product-content p {
		font-size: 20px;
	}

	.neocate-sample-form label {
		line-height: 1;
	}

	.neocate-img img {
		max-width: 100%;
		margin-top: 0;
	}

	.neocate-product-text {
		padding: 24px;
		margin-top: 12px;
	}



	.neocate-product-content p {
		color: white;
		padding-bottom: 20px;
	}

	.neocate-product-text h6 br {
		display: none;
	}
}

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

	.neocate-product .row .col-lg-2 {
		width: 100%;
		height: unset;
		margin: auto;
	}

	p.neocate-sample-p.three-tab-test {
		font-size: 20px;
	}
}

@media only screen and (max-width: 480px) {
	.neocate-sample-section-one {
		padding: 20px;
	}

	.neocate-sample-section-one-img {
		padding-bottom: 30px;
	}

	.neocate-sample-section-one-content {
		padding-top: 10px;
	}

	h2.neocate-sample-h2 {
		font-size: 20px;
	}

	h6.neocate-sample-h6 {
		font-size: 16px;
	}

	h6.neocate-h6-bold {
		font-size: 16px;
	}

	.neocate-btn a {
		font-size: 16px;
	}

	h4.neocate-sample-h4 {
		font-size: 18px;
	}

	p.neocate-sample-p {
		font-size: 14px;
	}

	.neocate-product-content p {
		font-size: 20px;
	}

	h3.neocate-sample-h3 {
		font-size: 20px;
	}

	.neocate-sample-part-one-content a {
		font-size: 20px;
	}

	.neocate-sample-part-one {
		margin-bottom: 20px;
	}

	section.neocate-sample-section-two {
		padding: 0 20px 40px 20px;
	}
}

@media only screen and (max-width: 360px){
	.neocate-sample-tab .neocate-tab-h3 {
		font-size: 15px;
	}
	.neocate-product .col-lg-2.col-md-4.col-sm-6.text-center {
		margin-top: 30px;
	}
}