@charset "utf-8";

/* CSS Document */
/* Inter Regular – 400 */
@font-face {
	font-family: "Inter";
	src: url("../fonts/inter/Inter-Regular.woff2") format("woff2"),
		url("../fonts/inter/Inter-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* Inter Medium – 500 */
@font-face {
	font-family: "Inter";
	src: url("../fonts/inter/Inter-Medium.woff2") format("woff2"),
		url("../fonts/inter/Inter-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/* Inter SemiBold – 600 */
@font-face {
	font-family: "Inter";
	src: url("../fonts/inter/Inter-SemiBold.woff2") format("woff2"),
		url("../fonts/inter/Inter-SemiBold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

/* Inter Bold – 700 */
@font-face {
	font-family: "Inter";
	src: url("../fonts/inter/Inter-Bold.woff2") format("woff2"),
		url("../fonts/inter/Inter-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* Inter ExtraBold – 800 */
@font-face {
	font-family: "Inter";
	src: url("../fonts/inter/Inter-ExtraBold.woff2") format("woff2"),
		url("../fonts/inter/Inter-ExtraBold.woff") format("woff");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

/* Inter Black – 900 */
@font-face {
	font-family: "Inter";
	src: url("../fonts/inter/Inter-Black.woff2") format("woff2"),
		url("../fonts/inter/Inter-Black.woff") format("woff");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

.get-approved-btn {
	text-align: center;
	margin-bottom: 40px;
	margin-top: 40px;
}

.get-approved-btn a {
	color: #fff;
	text-decoration: none !important;
	background: #0095ff;
	padding: 15px 20px;
	border-radius: 5px;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 600;
	font-family: sans-serif;
}


.form-container {
	/*height:800px;
overflow-y:scroll;*/
	margin-top: 100px;
	margin: auto;
	max-width: 90vw;
}

.imp {
	line-height: 155% !important;
	margin-top: 20px;
	font-weight: 500;
}

.aff-form {
	margin: 0 auto 60px;
	display: block;
	width: 100%;
	height: 1590;
}

.form-inner {
	margin: auto;
	max-width: 90vw;
	width: 640px;
}


.input-box {
	border: 1px solid #dadce0;
	border-radius: 8px;
	margin-bottom: 12px;
	padding: 24px;
	page-break-inside: avoid;
	word-wrap: break-word;
}

.blue-border-top {
	border-top: 10px solid #4572b5;
}

#get-approved {
	margin-top: 0;
	text-align: left;
}

.input-box p.in-order {
	font-size: 14px !important;
}

.ast {
	color: #d93025;
}

.input-box input[type="text"] {
	border: none;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 3px;
	width: 50%;
	margin-bottom: 10px;
	outline: none !important;
}

.input-box input[type="email"] {
	border: none;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 3px;
	width: 50%;
	margin-bottom: 10px;
	outline: none !important;
}

.input-box p {
	font-size: 16px !important;
}

.id-list li {
	font-size: 14px;
	margin-bottom: 10px;
}

.red-3 {
	width: 400px;
	margin-top: 40px;
}

#clk-p {
	margin-bottom: 10px;
}

#if-you {
	margin-bottom: 10px;
	font-size: 14px !important;
}

.input-box input[type="checkbox"] {
	width: 26px;
	height: 14px;
	margin: 0;
}

.input-box label {
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	display: block;
	margin-bottom: 16px;
}


.red-list li {
	font-size: 18px;
	color: #000;
	font-family: "Open Sans", Helvetica, sans-serif;
	line-height: 176%;
	margin-bottom: 25px;
}

.single-product {
	width: 280px;
}

#swipes {
	margin-bottom: 3px;
}

.click-here {
	margin-bottom: 4px;
	font-size: 18px;
	text-decoration: underline;
}

.aff-section h1 {
	margin-bottom: 12px;
	color: #0dab5a;
	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: 48px;
	text-align: center;
	line-height: 120%;
	padding: 0 8%;
}

.aff-section h1 span {
	color: #ff0000;
}

center p {
	margin-bottom: 6px !important;
}

.track {
	margin-bottom: 20px;
}

.aff-banner-sec {
	padding: 20px 0 0;
}

.top-links {
	text-align: center;
	padding-left: 0;
}

.top-links li {
	display: inline-block;
	list-style-type: none;
}

.top-links li a {
	color: blue;
	text-decoration: underline !important;
	font-size: 19px;
	padding: 0 12px;
}

.bottle {
	float: right;
	width: 210px;
}

.test-box {
	background: #109342;
	padding: 20px;
	margin-bottom: 30px;
}

.test-box p {
	margin-bottom: 0 !important;
	color: #fff !important;
}

.test-box h4 {
	font-weight: 600;
	color: #000;
	font-size: 19px;
	margin-top: 0;
	color: #fff !important;
}

.link-href {
	color: blue;
	text-decoration: underline;
	font-size: 18px;
}

.red-font {
	color: red;
	font-weight: 600;
}

.th {
	margin-bottom: 30px;
	border: 1px solid #000;
}

.aff-white-box {
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
	color: #4a4a4a;
	display: block;
	padding: 10px 30px 30px;
	margin-bottom: 4%;
	margin-top: 5px;
}

.aff-section h2 {
	margin-bottom: 12px;
	color: #00adee;
	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: 34px;
	text-align: center;
}

.aff-section p {
	font-size: 20px;
	color: #000;
	font-family: "Open Sans", Helvetica, sans-serif;
	line-height: 176%;
	margin-bottom: 25px;
}

.aff-section p.top_info_para {
	text-align: center;
	padding-top: 20px;
	width: 80%;
	margin: 0 auto;
}

.sub-main-hd {}


p#generator_link {
	font-size: 18px;
}

.aff-section h3 {
	margin-bottom: 16px;
	color: #000;
	font-family: "Open Sans", Helvetica, sans-serif;
	font-weight: 700;
	font-size: 21px;
	margin-top: 3%;
}

.form-box {
	background-color: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 20px 0;
	border: 1px solid #999999;
	max-width: 452px;
	height: auto;
	margin: 0 auto 50px;
	color: #000;
}

.form-box .row {
	width: 100%;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
}

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

.hop-title {
	text-align: center;
	font-size: 28px !important;
	font-weight: 400 !important;
	text-transform: uppercase;
}

.form-box #lid {
	width: 100%;
	height: 30px;
	outline: none;
}

.form-box .btn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	color: #fff;
	background-color: #999999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 20px;
	border: 1px solid #999999;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.form-box .btn:hover {
	background-color: #666666;
}

.form-box #generated-section {
	display: none;
}

.super-list {
	padding-left: 22px;
}

.super-list li {
	list-style-type: none;
	font-size: 20px;
	line-height: 32px;
	color: rgb(51, 51, 51);
	margin-bottom: 10px;
	padding-bottom: 0px;
	font-family: sans-serif;
	padding-left: 41px;
	background: url(../images/tick-1.png?v=1.5) no-repeat left -4px;
}

.blue-txt {
	color: blue;
	text-decoration: underline;
}

.super-list2 {
	padding-left: 50px;
}

.super-list2 li {
	list-style-type: decimal;
	font-size: 20px;
	line-height: 32px;
	color: rgb(51, 51, 51);
	margin-bottom: 10px;
	padding-bottom: 0px;
	font-family: sans-serif;
	padding-left: 3px;
	/* background: url(../images/tick-2.png?v=1.12) no-repeat left 4px;*/
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.blue-txt-u {
	color: blue;
}

.table-pad {
	padding: 20px 14% 0;
}

.table-links {
	color: #000;
	border: 2px solid #d2d2d2;
}

.table-links>thead>tr>th,
.table-bordered>tbody>tr>td {
	border: 2px solid #d2d2d2;
	font-size: 15px;
}

.super-list3 {
	padding-left: 22px;
}

.super-list3 li {
	list-style-type: none;
	font-size: 20px;
	line-height: 32px;
	color: rgb(51, 51, 51);
	margin-bottom: 10px;
	padding-bottom: 0px;
	font-family: sans-serif;
	padding-left: 35px;
	background: url(../images/arrow-1.png?v=1.12) no-repeat left 4px;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.fb-list.super-list3 li {
	background: url(../images/green_check.webp) no-repeat left 4px;
	background-size: 20px;
}

.fb-list.super-list3 li {
	background: url(../images/green_check.webp) no-repeat left 9px;
	background-size: 20px;
}

.ben-list.super-list3 li {
	background: url(../images/arrow-3.png?v=1.12) no-repeat left -3px;
}

.donot-list.super-list3 li {
	background: url(../images/arrow-4.png?v=1.12) no-repeat left 4px;
}

.head-tab {
	font-size: 22px;
	font-weight: 500;
}

.table-responsive {
	width: 100%;
	overflow-x: scroll;
}

.table-responsive th {
	background: #efefef;
}

.wd {
	border: 1px solid #000;
	padding: 15px 20px;
}

.head-tab-1 {
	font-size: 20px;
	font-weight: 500;
}

.fb-ads-policy {
	margin-bottom: 15px;
}


/* Top Bar Start */
.offer-bar {
	width: 100%;
	overflow: hidden;
	background: linear-gradient(90deg,
			#062a4d,
			#0a416f,
			#062a4d);
	border-top: 1px solid rgba(255, 255, 255, .08);
	border-bottom: 1px solid rgba(255, 255, 255, .12);
	cursor: default;
}

.offer-marquee {
	width: 100%;
	overflow: hidden;
}

.offer-track {
	display: flex;
	width: max-content;
	animation: offer-scroll 22s linear infinite;
	will-change: transform;
}

/* Pause when cursor is over the bar */
.offer-bar:hover .offer-track {
	animation-play-state: paused;
}

.offer-group {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 13px 18px;

	white-space: nowrap;

	color: #fff;
	font-family: Inter, Arial, sans-serif;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .045em;
	text-transform: uppercase;
}

.offer-group span {
	display: inline-flex;
	align-items: center;
}

.offer-group span::before {
	content: "✓";
	color: #5ee2b8;
	margin-right: 7px;
	font-weight: 900;
}

.offer-group b {
	color: #5ee2b8;
	font-size: 15px;
	font-weight: 900;
}

@keyframes offer-scroll {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

/* Mobile */
@media (max-width: 700px) {

	.offer-group {
		gap: 13px;
		padding: 12px 15px;
		font-size: 9px;
		letter-spacing: .025em;
	}

	.offer-group span::before {
		margin-right: 5px;
	}

	.offer-group b {
		font-size: 12px;
	}

	.offer-track {
		animation-duration: 15s;
	}
}

/* Respect accessibility preferences */
/*@media (prefers-reduced-motion: reduce) {*/
/*	.offer-track {*/
/*		animation: none;*/
/*	}*/
/*}*/



/* Top Bar End */

/* =========================================
   WHAT IS PROSTACLEANSE Start
========================================= */


.what-is-section {
	position: relative;
	padding: 27px 0 40px;
	/* background:
    radial-gradient(
      circle at 10% 20%,
      rgba(7, 155, 232, 0.055),
      transparent 30%
    ),
    #ffffff; */
	overflow: hidden;
}

.what-is-container {
	width: min(1050px, calc(100% - 36px));
	margin: 0 auto;
}

/* Heading */

.what-is-section .section-heading {
	max-width: 820px;
	margin: 0 auto 48px;
	text-align: center;
}

.what-is-section .kicker {
	color: #079be8;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .14em;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.what-is-section .section-heading h2 {
	margin: 0 0 17px;
	color: #092d49;
	font-size: clamp(34px, 4vw, 36px);
	line-height: 1.08;
	letter-spacing: -.045em;
}

.what-is-section .intro {
	max-width: 783px;
	margin: auto;
	color: #000000;
	font-size: 20px;
	line-height: 1.75;
}

.what-is-section .intro strong {
	color: #173247;
}

/* Cards */

.conversion-points {
	display: grid;
	gap: 17px;
}

.conversion-card {
	position: relative;
	display: grid;
	grid-template-columns: 64px 1fr;
	gap: 20px;

	padding: 28px 30px;

	background: #ffffff;
	border: 1px solid #dfe9ef;
	border-radius: 20px;

	box-shadow:
		0 8px 28px rgba(17, 54, 77, .045);

	transition:
		transform .2s ease,
		box-shadow .2s ease,
		border-color .2s ease;
}

.conversion-card:hover {
	transform: translateY(-3px);

	border-color: rgba(7, 155, 232, .25);

	box-shadow:
		0 18px 40px rgba(17, 54, 77, .09);
}

/* Number */

.conversion-icon {
	width: 52px;
	height: 52px;

	display: grid;
	place-items: center;

	border-radius: 15px;

	background:
		linear-gradient(145deg,
			#e9f8ff,
			#dff7f0);

	color: #079be8;

	font-size: 14px;
	font-weight: 900;

	border: 1px solid #d3edf8;
}

/* Content */

.conversion-content h3 {
	margin: 0 0 10px;

	color: #092d49;

	font-size: 21px;
	line-height: 1.25;
	letter-spacing: -.025em;
}

.conversion-content h3 span {
	color: #079be8;
}

.conversion-content p {
	margin: 0 0 11px;

	color: #000000;

	font-size: 18px;
	line-height: 1.75;
}

.conversion-content p:last-of-type {
	margin-bottom: 0;
}

.conversion-content strong {
	color: #173247;
}

/* Final result callout */

.conversion-result {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;

	margin-top: 8px;
	padding: 9px 13px;

	background: #effaf5;
	border: 1px solid #d3f0e2;
	border-radius: 9px;

	color: #507061;

	font-size: 12px;
}

.conversion-result strong {
	color: #087d58;
}

.result-check {
	width: 19px;
	height: 19px;

	display: grid;
	place-items: center;

	border-radius: 50%;

	background: #19ad55;
	color: #fff;

	font-size: 11px;
	font-weight: 900;
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 700px) {

	.what-is-section {
		padding: 0px 0 40px;
	}

	.what-is-container {
		width: calc(100%);
	}

	.what-is-section .section-heading {
		margin-bottom: 30px;
	}

	.what-is-section .section-heading h2 {
		font-size: 23px;
		line-height: 1.4;
	}

	.what-is-section .intro {
		font-size: 14px;
	}

	.conversion-card {
		grid-template-columns: 1fr;
		gap: 15px;

		padding: 22px 20px;
	}

	.conversion-icon {
		width: 43px;
		height: 43px;
		border-radius: 12px;
	}

	.conversion-content h3 {
		font-size: 19px;
	}

	.conversion-content p {
		font-size: 16px !important;
	}

	.conversion-result {
		align-items: flex-start;
	}
}



/* =========================================
   WHAT IS PROSTACLEANSE End
========================================= */

/* =========================================
   Affiliate-support Start
========================================= */

.affiliate-support {
	width: 100%;
	max-width: 980px;
	margin: 22px auto 49px;
	display: flex;
	align-items: center;
	gap: 34px;
	padding: 17px 29px;
	background: linear-gradient(135deg, #effcf9, #e9faf7 50%, #f3fcfb);
	border: 2px solid #b9eee4;
	border-radius: 15px;
	box-shadow: 0 8px 24px rgba(17, 75, 91, .05);
}

.affiliate-support__icon {
	width: 105px;
	height: 105px;
	min-width: 105px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: #087f68;
	box-shadow: 0 8px 18px rgba(8, 127, 104, .16);
}

.affiliate-support__icon svg {
	width: 58px;
	height: 58px;
	fill: none;
	stroke: #fff;
	stroke-width: 2.4;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.affiliate-support__divider {
	width: 2px;
	align-self: stretch;
	min-height: 100px;
	background: #9ce6dc;
}

.affiliate-support__content {
	flex: 1;
	min-width: 0
}

.aff-section .affiliate-support__text {
	margin: 0;
	color: #183f58;
	font-size: clamp(16px, 1.55vw, 20px);
	line-height: 1.65;
	font-weight: 500;
	font-family: sans-serif;
}

.affiliate-support__text strong {
	color: #092d49;
	font-weight: 700
}

@media(max-width:800px) {
	.affiliate-support {
		gap: 24px;
		padding: 25px
	}

	.affiliate-support__icon {
		width: 82px;
		height: 82px;
		min-width: 82px
	}

	.affiliate-support__icon svg {
		width: 46px;
		height: 46px
	}

	.affiliate-support__divider {
		min-height: 85px
	}

	.affiliate-support__text {
		font-size: 16px;
		line-height: 1.6
	}
}

@media(max-width:560px) {
	/* body {
		padding: 18px 12px
	} */

	.affiliate-support {
		display: block;
		grid-template-columns: 58px 1fr;
		column-gap: 16px;
		align-items: start;
		padding: 20px 17px;
		border-radius: 13px;
	}

	.affiliate-support__icon {
		width: 58px;
		height: 58px;
		min-width: 58px;
		grid-column: 1;
		grid-row: 1;
	}

	.affiliate-support__icon svg {
		width: 34px;
		height: 34px
	}

	.affiliate-support__divider {
		display: none
	}

	.affiliate-support__content {
		grid-column: 2;
		grid-row: 1
	}

	.affiliate-support__text {
		font-size: 14px;
		line-height: 1.65
	}
	.affiliate-support__icon {
        
        float: left;
        margin-right: 23px;
        margin-bottom: 3px;
    }
}

@media(max-width:380px) {
	.affiliate-support {
		grid-template-columns: 48px 1fr;
		column-gap: 12px;
		padding: 17px 14px;
	}

	.affiliate-support__icon {
		width: 48px;
		height: 48px;
		min-width: 48px
	}

	.affiliate-support__icon svg {
		width: 29px;
		height: 29px
	}

	.affiliate-support__text {
		font-size: 13px;
		line-height: 1.6
	}
}

/* =========================================
   Affiliate-support End
========================================= */


@media only screen and (max-width: 480px) {
	.aff-section h1 {
		font-size: 28px;
		line-height: 1.2;
	}

	.aff-section h3 {
		font-size: 22px;
		line-height: 1.2;
	}

	.aff-section p {
		font-size: 18px;
		color: #000;
		font-family: "Open Sans", Helvetica, sans-serif;
		word-break: break-word;
	}

	.form-box label {
		font-size: 16px;
		margin-top: 10px;
	}

	.form-box {
		margin: 0 auto 20px;
	}

	.bottle {
		width: 55%;
		margin: 0 auto 10px;
		float: none;
	}



	.super-list {
		padding-left: 0px;
	}

	.super-list li {
		font-size: 18px;
	}

	.aff-section h2 {
		font-size: 23px;
		line-height: 1.2;
	}

	.super-list2 {
		padding-left: 21px;
	}

	.super-list3 {
		padding-left: 0px;
	}

	.table-pad {
		padding: 15px 0 0;
	}

	.aff-banner-sec {
		padding: 10px 0;
	}

	.hardwood-tonic-logo {
		margin: 0 auto 10px;
		display: block;
	}

	.aff-white-box {
		margin-bottom: 6%;
		padding: 10px 12px 30px;
	}

	.head-tab-1 {
		font-size: 18px;
		font-weight: 500;
	}

	.wd {
		padding: 15px 10px;
	}

	.head-tab {
		font-size: 20px;
		font-weight: 500;
	}

	.conversion-card {
		padding: 22px 11px;
	}
}