: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);
}  

@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);
}

.neocate-product-content {
	position: absolute;
	top: -48px;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
}

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



.out-off-stock::before {
    position: absolute;
    content: "";
    background: url(../img/out-of-stock.webp);
    bottom: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
    z-index: 9;
}

.out-off-stock::after {
	position: absolute;
	content: "";
	background: #b3adad;
	left: 50%;
	bottom: 0;
	height: 100%;
	width: 98%;
	opacity: 0.5;
	transform: translateX(-50%);
}

.neocate-button-link input {
    text-decoration: none;
    color: var(--blue-color);
    font-family: var(--constellation-bold);
    background: var(--bg-yellow-color);
    padding: 12px 20px;
    font-size: 19px;
    border-radius: 16px;
    border: 0;
    white-space: normal;
}

h2.neocate-sample-h2 {
    color: var(--blue-color);
    font-family: var(--constellation-bold);
    font-size: 50px;
    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: 26px;
        top: -1px;
}

span.thanks-span {
    font-family: var(--founder-bold);
    font-size: 30px;
    color: var(--blue-color);
}


h5.neocate-sample-h5 {
    margin: 0;
    font-size: 22px;
    font-family: var(--founder-regular);
    color: var(--blue-color);
}

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



h6.neocate-h6-bold{
    margin: 0;
    font-size: 25px;
    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: 19px;
    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: 24px;
    color: var(--white-coloe);
    background-color: var(--bg-blue-color);
    padding: 14px 24px 10px 24px;
    border-radius: 50px;
    font-family: var(--founder-bold);
}

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

/* 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;
}

.thanks-you-page .neocate-button-link a {
    font-size: 20px;
    padding: 12px 36px;
    display: block;
    width: 22%;
    margin: auto;
}

/* 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: 50px;
}

.neocate-sample-section-one-content h3 {
    font-size: 29px;
}


/* 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: 60px 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;
}

/* Section Two End */

/* Section Three Start */

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

.neocate-link{
    color: var(--blue-color);
    font-weight: 600;
}

a:hover{
    color: var(--blue-color);
}

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

.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: 80px;
}

.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;
	max-width: 18px;
	width: 18px;
	height: 18px;
	outline: 0;
	box-shadow: none;
}

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



.neocate-input-radio .form-control {
	justify-content: center;
	display: flex;
	box-shadow: none;
	align-items: center;
	gap: 10px;
	border: none;
}

.neocate-submit-buttom {
	position: relative;
	width: fit-content;
	margin: 20px auto 0 auto;
}

	.neocate-submit-buttom::after {
		position: absolute;
		content: "";
		background-image: url(../img/arrow.png);
		background-repeat: no-repeat;
		z-index: 9;
		top: 54%;
		width: 18px;
		height: 18px;
		background-repeat: no-repeat;
		background-size: contain;
		right: 76px;
		transform: translateY(-50%);
	}

.neocate-submit-buttom button,
.neocate-submit-buttom input {
	margin: auto;
	padding: 10px 100px;
	font-family: var(--constellation-bold);
	font-size: 19px;
	color: var(--blue-color);
	background: var(--bg-yellow-color);
	display: block;
	border: 0;
	outline: 0;
	border-radius: 20px;
}

.neocate-submit-buttom button img {
    max-width: 9px;
    width: 100%;
    padding-left: 2px;
}

.neocate-requird p{
    font-family: var(--founder-regular);
    font-size: 20px;
    color: var(--blue-color);
}

.neocate-sample-input input, 
.neocate-sample-input select {
	/*font-family: var(--founder-regular);*/
	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);
}

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

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

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

.terms-check label{
    font-weight: 200;
    font-size: 15px;
}

.neocate-requird {
    margin-top: 34px;
}

.disclaimer-input-radio
 {
    display: flex
;
    align-items: baseline;
    gap: 10px;
    margin-top: -7px;
}

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

.neocate-product .col-lg-2{
    padding: 0 6px;
}

.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;
    font-weight: normal;
}

.neocate-product-text {
	background-color: var(--secondary-color);
	position: relative;
	height: 192px;
	padding: 12px;
	/* padding: 20px; */
	border-radius: 10px 40px 40px 40px;
	margin-top: 58px;
}
/* .neocate-product-content.none-neocte-text {
    opacity: 0;
} */

.neocate-product {
    position: relative;
}



.neocate-sample-form {
    padding-top: 40px;
}

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

.input-width{
    width: 50%;
}

.padding-top{
    padding-top: 50px;
}

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

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

.neocate-thank-you h6.neocate-sample-h6 {
    padding-bottom: 10px;
}

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;
}

.neocate-sample-form.padding-bottom-form {
    padding-top: 0;
}

.neocate-three-content.padding-top-form.text-center {
    padding-bottom: 10px;
}

/* 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 */

@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: 1352px){
.neocate-sample-section-one-content h5 br, .neocate-sample-section-one-content h6 br
{
    display: none;
}
}

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

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

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

	.neocate-product .row .col-lg-2 {
		width: 25%;
		margin-bottom: 30px;
	}

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

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

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

	.neocate-product-content {
		position: unset;
		/* left: 50%; */
		transform: unset;
		height: 56px;
		width: 100%;
		/* top: 0; */
	}

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

	.neocate-product-text {
		height: auto;
		margin-top: 27px;
	}

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

	.thanks-you-page .neocate-button-link a {
		width: 40%;
	}
}



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

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

    .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;*/
	}

	.input-width {
		width: 100%;
	}
}

@media only screen and (max-width: 780px){
    .neocate-sample-section-one {
        padding: 30px;
    }
    .terms-check label {
    font-size: 15px;
    line-height: normal;
}
    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: 46px;
    }
    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;
    }
    span.thanks-span {

    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;
    }
    .neocate-sample-form {
    padding-top: 20px;
}
}

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

	.thanks-you-page .neocate-button-link a {
		width: 100%;
	}

	.neocate-sample-section-one-img img {
		padding-top: 20px;
	}

	.out-off-stock {
		padding-top: 20px !important;
	}

	.neocate-product-text h6 {
		height: auto;
	}
}

@media only screen and (max-width: 767px) {
    .neocate-product .row .col-lg-2 {
        width: 50%;
        height: unset;
        margin: auto;
        margin-bottom: 16px !important;
    }
    .terms-check label {
    font-size: 15px;
    line-height: normal !important;
}
    .neocate-product-content p {
        font-size: 20px;
    }
    .neocate-product-content {
    position: unset;
    left: 50%;
    transform: unset;
    width: auto;
    top: 0;
}
    .neocate-sample-form label {
        line-height: 1;
    }
    .neocate-img img {
        max-width: 100%;
        margin-top: 0;
    }
    .neocate-product-text {
        padding: 24px;
        margin-top: 10px;
    }
    .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;
    }
    .neocate-three-content {
    padding-top: 0;
    padding-bottom: 0;
}
    .neocate-sample-section-one-img img {
        padding-top: 0;
    }
}

@media only screen and (max-width: 480px){
    .neocate-sample-section-one {
        padding: 20px 0;
    }
        .neocate-sample-form {
        padding-top: 0;
    }
    .neocate-sample-section-one-img {
        padding-bottom: 30px;
    }

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

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

    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;
    }
        span.thanks-span {

    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;
    }
    .neocate-submit-buttom button {
 
    padding: 10px 10px;

    width: 100%;
}
.neocate-tab-change .col-lg-4.col-md-4.col-sm-4.col-xs-4 {
    padding: 0;
}
    .terms-check label {
    font-size: 14px;
    line-height: normal !important;
}

	.neocate-submit-buttom button, .neocate-submit-buttom input {
		padding: 10px 64px;
		white-space: normal;
	}

	.neocate-submit-buttom::after {
		right: 40px;
	}
}

@media only screen and (max-width: 360px){
    .neocate-sample-tab .neocate-number {
        font-size: 26px;
        max-width: 50px;
        height: 50px;
    }
        .neocate-sample-tab .neocate-tab-h3 {
        font-size: 16px;
        line-height: 16px;
    }
}