var html = `
<style>
	.navbar {margin-bottom: 0px!important;}
	.rowTitle h2 {font-weight: 600;}
	.txtHighlight {font-weight: 700;}
	.popular-tags a {border: none!important;padding: 0px!important;}
	.popular-tags a:hover {background: none!important;border: none!important;}
	.widget-links ul {padding-left: 0;}
	.widget-links a:hover {  color: #ffffff!important;text-decoration: none!important;}
	ul.social-media li a:hover {color: #ffffff!important;}
	.coldiv1 h4 {
	  font-size: 23px;
	}
	i.bi {
    font-size: 46px;
    background: #F1F2F2;
    color: #333;
    border-radius: 50%;
    padding: 5px;
    width: 70px;
    height: 70px;
    display: inline-block;
	}  
	.container-partner {
		margin-top: 8rem;
	}	
	.colformbg {
    background: #ffffff;
    color: #000000;
    box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.1);
    padding: 30px;
    border-radius: 15px;
	}
	.form-label {
    font-weight: 500;
    margin-bottom: .5rem;
	}
	.form-control-lg {
    min-height: 48px !important;
    padding: .5rem 1rem;
    font-size: 17px;
    border: 1px solid #dbdfe3 !important;
    border-radius: .5rem;
    box-shadow: none;
	}
	.btn-dark { 
    background: #212529 !important;
    color: #fff !important;
    border-radius: 25px !important;
    font-size: 20px !important;
    padding: 8px !important;
	}
	.text-danger {
	  
	}
  .pd-row {
	display: flex;
	flex-wrap: wrap;
}
.pd-row > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: 0;
	padding-left: 0;
	margin-top: 0;		
}
.pd-col {
	flex: 0 0 auto;
	width: 20%;
}
.pd-col .pd-title {
	/* text-transform: capitalize; */
	font-weight: 600;
	font-size: 1.25rem;
	margin-bottom: 10px;
	text-align: center;	
}
.pd-title img {
	height: 45px;
}
.mt-cs {
	margin-top: 14rem;
}

</style>

<section>
<div class="container-partner">
	<div class="row">
		<div class="col-md-12">			
			<div class="row justify-content-center">				
				<div class="col-md-12">		
					<!-- signup form -->
					<div class="row justify-content-center" id="signup-form-wrapper" style="display:;">			
						<div class="col-md-12 px-0" style="display:none;">
							<div class="">
								<a href="javascript:;" class="btn btn-back" title="Back"><i class="bi bi-arrow-left" style="font-size:20px;width:30px;height:30px;padding:0;"></i></a>
							</div>								
						</div>						
						<div class="col-md-12 colformbg">
							<div class="row">
								<div class="col-md-12">
									<div class="mb-3">
										<label for="user-email" class="form-label">Email address</label>
										<input type="email" class="form-control form-control-lg" id="user-email" placeholder="Enter your email address">
									</div>
									<div class="mb-3">
										<label for="user-password" class="form-label">Password*</label>
										<input type="password" class="form-control form-control-lg" id="user-password" placeholder="Create a password">
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-12 mt-3">
									<div class="form-check">
										<input class="form-check-input" type="checkbox" value="" id="checkbox-term-policy">
										<label class="form-check-label" for="flexCheckDefault" style="font-weight: 500;">
											&nbsp;I agree to the <a href="https://domaindirectory.com/policypage/terms?domain=referrals.com" target="_blank">Terms of Service</a> 
											&nbsp;and&nbsp;<a href="https://domaindirectory.com/policypage/privacypolicy?domain=referrals.com" target="_blank">Privacy Policy</a>
										</label>
										<div id="terms-policy-error" style="display:none;">
											<span class="text-danger"><small>Do you agree to the terms and policy?</small></span>
										</div>
									</div>
								</div>		
								<div class="col-md-12 mt-3">
									<div class="d-grid gap-2">
										<a href="javascript:;" class="btn btn-dark btn-lg btn-block rounded-pill" id="btn-signup">Join Referrals.com</a>
									</div>
								</div>											
							</div>
						</div>
						<div class="col-md-12 col-contrib" style="display:none;">
							<div class="row">
								<div class="col-md-12">
									<div class="text-center text-uppercase mt-3">
										Or login with&nbsp;<a href="javascript:loginViaContrib()" id="btn-login-contrib" style="text-decoration:none;">
										<img src="https://cdn.vnoc.com/logos/logo-new-contrib-06.png" height="37"></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- servicepage -->
					<div class="row justify-content-center" id="iframe-wrapper" style="display:none;">
						<div class="col-md-12">
							<div class="col-loader der text-center mt-5" id="servicepage-loader" style="display:;">
								<img src="https://cdn.vnoc.com/loader/Blocks-1s-200px.gif">
							</div>
							<iframe id="servicepage-iframe" data-src="" src="" style="overflow-x:hidden;background:#ffffff;border:none;" width="100%" height="720"></iframe>
						</div>
					</div>
				</div>
			</div>
			<!-- -->
		</div>
	</div>
</div>
<!-- -->
	
</section>
<!-- -->

<!-- -->
<input type="hidden" value="referrals.com" id="servicepage-domain">
<input type="hidden" value="" id="member-name">
<input type="hidden" value="" id="is-logged-in">
<input type="hidden" value="" id="iframe-url">

`;
loadScript=function(a,b){
	var c=document.createElement("script");
	c.type="text/javascript",
	c.readyState ? c.onreadystatechange=function(){
			"loaded"!=c.readyState&&"complete"!=c.readyState||(c.onreadystatechange=null,b())
		}:
		c.onload=function(){if(b!=undefined){b()}},
	c.src=a,
	document.getElementsByTagName("head")[0].appendChild(c)
};

	document.getElementsByClassName('partnerform-script')[0].innerHTML = html;

//load js here
setTimeout(function(){
	loadScript("https://tools.contrib.com/css/pages/assets/js/jquery.min.js");
   	loadScript("https://tools.contrib.com/js/pages/partner.js?t=1725768084");
},100);