:root{
    --white-coloe: #ffffff;
    --blue-color: #4f2682;
    --secondary-color: #e04b9f;
    --bg-blue-color: #539aa3;
    --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);
}  
body{
	box-sizing:border-box;
	
}

@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-sample-contain {
    max-width: 1500px;
    width: 100%;
}

h1.neocate-sample-h1 {
    color: var(--blue-color);
    font-family: var(--constellation-regular);
    font-size: 32px;
    margin: 0;
    line-height: 1.2;
}

h2.neocate-sample-h2 {
    color: var(--blue-color);
    font-family: var(--constellation-bold);
    font-size: 40px;
    line-height: 1.2;
    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: 20px;
    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;
}

.neocate-three-text-check p{
    font-size: 25px;
    padding-bottom: 20px;
}

.neocate-three-text-check input[type="checkbox"]{
    margin: unset;
    border: 0;
    max-width: 18px;
    display: inline;
    outline: 0;
    box-shadow: none;
    height: 16px;
}

/* Header Start */

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

.neocate-button-link.col-lg-offset-right-2.text-center {
    margin-right: 104px;
}

/* Header End */

/* Section One Start */

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

.neocate-section-one h3{
    margin-bottom: 20px;
}

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

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

.neocate-row {
    width: 94%;
    padding-top: 36px;
    margin-left: auto;
    display: flex;
    align-items: center;
}

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

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

.row.product-img-plus-content {
    display: flex;
    align-items: center;
    margin-top: 38px;
}

.product-img-plus-content .product-contant img {
    max-width: 80%;
    width: 100%;
    margin: 10px 0 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 24px;
    font-size: 22px;
    border-radius: 20px;
    display: block;
    width: fit-content;
    margin: auto;
}

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

/* 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);
    padding: 12px;
    border-radius: 50px;
    max-width: 80px;
    padding-left: 18px;
    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: 22px;
}

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

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

.neocate-tab-change {
    display: flex;
    gap: 54px;
    justify-content: center;
}

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

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

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

.neocate-input-radio input[type="radio"], .neocate-input-radio input[type="checkbox"]{
    margin: unset;
    border: 0;
    max-width: 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-sample-input {
    padding-bottom: 20px;
}

.other-input-field {
	/*position: absolute;*/
	z-index: 1;
	width: 100%;
	margin-left: 86px;
	font-size:20px;
	/* bottom: 0; */
	margin-top: -36px;
	width: -webkit-fill-available; /* For WebKit-based browsers */
	width: -moz-available; /* For Mozilla-based browsers */
	width: fill-available; /* Standard syntax, still experimental */
	box-sizing: border-box;
	color:black;
}

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

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

	.neocate-submit-buttom::after {
		position: absolute;
		content: "";
		width: 20px;
		height: 20px;
		background: url('../img/arrow.png') no-repeat;
		background-size: contain;
		top: 54%;
		right: 74px;
	}

	.neocate-submit-buttom input {
		margin: auto;
		padding: 10px 110px;
		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;
	}

.neocate-submit-buttom button img {
    max-width: 10px;
    width: 100%;
}

.neocate-requird p{
    font-family: var(--founder-regular);
    font-size: 20px;
    color: var(--blue-color);
    /* padding-top: 30px; */
    margin: 0;
}

.neocate-sample-input input {
    /* font-family: var(--founder-regular); */
    color: var(--black-color);
    font-size: 20px;
    /* padding-top: 14px; */
}
.description-text p {
    font-family: var(--founder-regular);
    color: var(--blue-color);
    font-size: 17px;
    margin: 0;
    padding-top: 22px;
    padding-bottom: 22px;
}
.neocate-sample-input select {
    /* font-family: var(--founder-regular); */
    color: var(--black-color);
    font-size: 18px;
    /* padding-top: 14px; */
}

.neocate-sample-section-one-content.neocate-thank-you p {
    margin-bottom: 0;
    padding: 0;
}

.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-content.none-neocte-text {
    opacity: 0;
}





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


/* Section Three End */

/* Footer Start */

.neocate-sample-footer{
    background-color: var(--bg-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 (max-width: 1200px) {
    .container {
        width: 100%;
    }
}

@media only screen and (max-width: 1180px) {
    .neocate-first-content h2 br{
        display: none;
    }
    .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;
    }


    
    
}

@media only screen and (max-width: 992px){
    .product-img-plus-content .product-contant img {
    max-width: 100%;
}
.row.product-img-plus-content {
    margin-bottom: 30px;
}
}


@media only screen and (max-width: 780px){
    .neocate-sample-input {

    width: 100% !important;
}
	.other-input-field{
		font-size:18px;
	}
	.neocate-three-text-check p {
		font-size: 18px;
	}
.neocate-three-text-check input[type="checkbox"] {
    margin: unset;
    border: 0;
    max-width: 18px;
    display: inline;
    outline: 0;
    box-shadow: none;
    height: 14px;
}
    .neocate-sample-section-one {
        padding: 30px;
    }
    section.neocate-sample-section-two {
        padding: 0 30px 30px 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 input {
        font-size: 20px;
    }
    .neocate-sample-input input {

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

        font-size: 16px;
    }
    .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 (max-width: 768px) {
    .container {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
.neocate-button-link.col-lg-offset-right-2.text-center {
    margin-right: 0;
}

    .row.product-img-plus-content {
    display: block;
    align-items: center;
    margin-top: 30px;
}

.row.product-img-plus-content .product-can img {
    width: 50%;
    margin-bottom: 20px;
}

.row.product-img-plus-content .product-contant h6{
    text-align: center;
}

    .neocate-row {
    width: unset;
    padding-top: 36px;
    display: flex;
    align-items: center;
}


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


    

    

    
}

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

	.other-input-field {
		margin-top: -26px;
	}

		.neocate-row {

        padding-top: 36px;
        display: block;
  
    }
    .neocate-sample-section-one-img {
    margin-top: 17px;
}
}

@media only screen and (max-width: 480px){
    h1.neocate-sample-h1 {
    color: var(--blue-color);
    font-family: var(--constellation-regular);
    font-size: 18px;
    margin: 0;
}

.neocate-button-link a {
    padding: 12px 20px;
    font-size: 18px;
    border-radius: 20px;
}

.row.product-img-plus-content .product-can img {
    width: 100%;
}
    .neocate-sample-section-one {
        padding: 20px;
    }
    .neocate-sample-section-one-img {
        padding-bottom: 30px;
    }

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


    

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