@media only screen and (min-width: 1000px){	
	.countryItem{
		font-size: 34px;
	}
	#mainAdDisplay{
		float:left;
		width:100%;
		height:100%;
		background: white;
		visibility:hidden;
		position:fixed;
		margin-left: -1%;
	}
	
	#contactNumberInput{
		margin-top:2%
	}
	
	#x1{
		float:left;
		width:90%;
		border-radius:12px;
		border: 1px solid #376ca8;
		margin-left:4%;
		overflow: hidden;
		margin-top:3%;
		height: 77px;
	}
	#fileUploadSection{
		float:left;
		width: 80%;
		background: white;
		border-radius: 12px;
		box-shadow: 0px 0px 7px black;
		margin-left: 11%;
		margin-top: 300%;
		display: none;
		opacity: 0;
		position: fixed;
		height: 17%;
	}
	
	p#uploadHeader{
		float: left;
		width: 100%;
		margin-top: 5%;
		padding: 0px;
		margin-bottom: 0px;
		font-weight:bold;
		font-size: 47px;
		color: #376ca8;
		text-align: center;
	}
	p#fileName{
		float: left;
		width: 70%;
		margin-top: 1%;
		padding: 0px;
		margin-bottom: 0px;
		font-size: 14px;
		color: black;
		text-align: center;
		color: gray;
	}
	
	#selectApkBtn{
		width: 30%;
		float:left;
		height: 100%;
		background:#376ca8;
		color:white;
		border: none;
		padding: 0px;
		font-size: 31px;
	}

	#uploadApkBtn{
		width: 30%;
		float:left;
		height: 60px;
		background:#376ca8;
		color:white;
		border: none;
		border-radius:15px;
		margin-left: 35%;
		margin-top: 3%;
		font-size: 33px;
	}
	
	#admobCountSection{
		float: left;
		position:fixed;
		background: gray;
		color:white;
		height: 40px;
		width: 100px;
		margin-left: 47%;
	}
	#adMobSecondCount{
		width: 100%;
		font-align:center;
		text-shadow: 0px 0px 1px black;
		margin-top: 10px;
		margin-left: 15px;
		font-weight: bolder;
		color: white;
	}
		
	#closeMsgInput{
		float:left;
		width: 26px;
		margin:10px
	}
	#contact-us-send{
		float:left;
		width: 40%;
		margin-left: 30%;
		height: 32px;
		margin-top:4%;
		margin-bottom: 4%;
		font-size: 14px;
	}
	#contact-us-input{
		float:left;
		width: 90%;
		margin-left:4%;
		height: 190px;
	}	
	#openMessagingButton{
		float: left;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		box-shadow: 0px 0px 3px black;
		position:fixed;
		z-index:20;
		background:white;
		margin-left: 87%;
		margin-top: 176%;
		transition: all linear 400ms
	}
	#openMessageIcon{
		float:left;
		width:100%;
		height:100%;
		transition: all linear 400ms
	}

	#applicationRecievedSection{
		width:100%;
		height: 100%;
		float:left;
		display: none;
		opacity: 0;
		overflow:hidden
	}

	#mainBubbleOne{
		width: 25%;
		height: 50%;
		border-radius:25px;
		box-shadow: 0px 0px 8px black;
		background:white;
		margin-left: 39%;
		margin-top: 2%;
	}
	#checked-image{
		width:70%;
		height: 78%;
		float:left;
		margin-left: 15%;
		margin-top: 9%;
	}
	#approvalHeader{
		width:100%;
		text-align:center;
		color:green;
		float:left;
		margin-top:2px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		font-size: 23px;
		font-weight:bolder
	}
	#approvalMessage{
		width: 70%;
		text-align:center;
		color:gray;
		float:left;
		margin-top:2px;
		margin-bottom:0px;
		margin-left: 15%;
		margin-right: 0px;
		font-size: 16px;
		font-weight:bold
	}
	#approvalByPass{
		width: 70%;
		text-align:center;
		color:gray;
		float:left;
		margin-top:2px;
		margin-bottom:0px;
		margin-left: 15%;
		margin-right: 0px;
		font-size: 20px;
		font-weight:bold
	}

	#appDoneBtn{
		float:left;
		width: 20%;
		height: 7%;
		margin-left: 40%;
		margin-top:3%
	}

	#adMobSection{
		float:left;
		width: 75%;
		height: 89%;
		display: block;
		opacity: 1;
		border-radius:12px;
		box-shadow: 0px 0px 7px black;
		margin-top: 1%;
		margin-left: 7%;
	}
		
	#contact-us-message-input{
		float:left;
		width: 36%;
		background: white;
		border-radius: 12px;
		box-shadow: 0px 0px 7px black;
		margin-left: 32%;
		margin-top: 3%;
		display: none;
		opacity: 0;
		position: fixed;
	}    
		
	/* ==========================================
	   TESTER REGISTRATION SECTION
	   ========================================== */

	#addNewTesterSection {

		max-width:1200px;

		margin:auto;

		padding:40px;

		display:flex;

		flex-direction:column;

		gap:30px;
	}

	#testerHeroCard {
		background:
		linear-gradient(
			135deg,
			rgba(79,140,255,.15),
			rgba(124,77,255,.15)
		);
		border-radius:24px;
		padding:40px;
		border:1px solid rgba(255,255,255,.08);
		backdrop-filter:blur(20px);
		box-shadow:
		0 25px 50px rgba(0,0,0,.30);
		width: 92%;
		}

	#testerTitle {

		font-size:2.8rem;

		font-weight:800;

		color:white;

		margin-bottom:20px;
	}

	#testerSubtitle {

		color:#cbd5e1;

		font-size:1.1rem;

		line-height:1.8;

		max-width:800px;
	}

	#testerBenefits {

		margin-top:30px;

		display:flex;

		flex-wrap:wrap;

		gap:15px;
	}

	.benefitCard {

		background:rgba(255,255,255,.08);

		border:1px solid rgba(255,255,255,.10);

		padding:14px 20px;

		border-radius:12px;

		color:white;

		font-weight:600;
	}

	.benefitIcon {

		margin-right:10px;
	}

	#testerFormCard {background:rgb(255, 255, 255);border-radius:24px;padding:40px;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);margin-top: 2%;margin-bottom: 10%;width: 92%;}

	#loginHeader {

		font-size:2rem;

		color:white;

		font-weight:700;

		margin-bottom:30px;

		text-align:center;
	}

	.inputRow {


		width: 100%;
		float: left;
	}

	.inputRow .inputClassThree {

		flex:1;
	}

	.inputClassThree {

		width:100%;

		margin-bottom:15px;

		padding:15px;

		border-radius:12px;

		border:1px solid rgba(255,255,255,.10);

		background:rgba(255,255,255,.05);

		color:white;

		transition:.3s;
	}

	.inputClassThree:focus {

		outline:none;

		border-color:#4f8cff;

		box-shadow:
		0 0 0 4px rgba(79,140,255,.15);
	}

	#csvCard {

		margin-top:20px;
	}

	#csvDropArea {

		border:2px dashed rgba(79,140,255,.40);

		border-radius:20px;

		padding:50px;

		text-align:center;

		background:
		rgba(79,140,255,.05);

		transition:.3s;
	}

	#csvDropArea:hover {

		background:
		rgba(79,140,255,.08);
	}

	#csvUploadIcon {font-size:3rem;margin-bottom:10px;color:#4f8cff;float: left;margin-right: 80%;margin-left: 48%;margin-top: -2%;}

	#csvUploadTitle {color:#b1afaf;font-size: 2.2rem;font-weight:700;margin-top: 0%;}

	#csvUploadSub {color:#656c75;font-size: 2rem;}

	#csvExplanation {color:#a5b0be;line-height:1.8;margin-bottom: 0px;float: left;width: 76%;margin-left: 5%;margin-right: 20%;font-size: 22px;}

	#addTesterInit {

		width:60%;

		margin-top:30px;

		height:60px;

		font-size:1.1rem;

		font-weight:700;

		border-radius:14px;

		background:
		linear-gradient(
			135deg,
			#4f8cff,
			#7c4dff
		);

		box-shadow:
		0 15px 35px rgba(79,140,255,.30);
		margin-left:20%
	}
		
	#shape{
		width: 80%;
		height:94%;
		border-radius:12px;
		box-shadow:0px 0px 7px black;
		float:left;
		margin-top:1%;
		margin-left:10%;
		background:white;
		overflow-y: none;
	}	
	#shapeArea{
		width: 90%;
		height: 90%;
		margin-top: 0%;
		float: left;
		position: fixed;
		margin-left: 6%;
	}

	/* ==========================================
	   TERMS OF SERVICE
	   ========================================== */

	#terms-of-service-section {

		width:100%;
		padding:80px 20px;

		display:flex;
		justify-content:center;

		background:
		linear-gradient(
			180deg,
			#08111f,
			#0f172a
		);
	}

	#terms-container {
		width:100%;
		padding:50px;
		background:rgb(28, 25, 25);
		backdrop-filter:blur(18px);
		border:1px solid rgba(255,255,255,.08);
		box-shadow:
		0 25px 60px rgba(0,0,0,.45);
		display: none;
		float: left;
		}

	.terms-header {

		text-align:center;
		margin-bottom:50px;
	}

	.terms-header h1 {

		color:#fff;

		font-size:2.8rem;

		font-weight:800;
	}

	.terms-header p {

		color:#9ca3af;
	}

	.terms-content {width: 100%;}

	.terms-block {background:rgba(255,255,255,.03);padding:25px;border-radius:14px;border-left:4px solid #4f8cff;width: 87%;margin-top: 2%;}

	.terms-block h2 {

		color:white;

		margin-bottom:15px;
	}

	.terms-block p {

		color:#d1d5db;

		line-height:1.9;
	}

	.terms-list {

		color:#d1d5db;

		padding-left:25px;
	}

	.terms-list li {

		margin-bottom:10px;
	}

	/* ==========================================
	   ABOUT US SECTION
	   ========================================== */

	#about-us-section {
		width:100%;
		background:
		linear-gradient(
			180deg,
			#0d1424,
			#111827
		);
		display:none;
		margin-top: 0;
		height: 367%;
		float: left;
		}

	#about-us-container {

		max-width:1100px;
		width:100%;

		padding:50px;

		border-radius:24px;

		backdrop-filter:blur(18px);

		background:rgba(255,255,255,.05);

		border:1px solid rgba(255,255,255,.08);

		box-shadow:
		0 25px 60px rgba(0,0,0,.45);
	}

	.about-header {

		text-align:center;
		margin-bottom:50px;
	}

	.about-header h1 {

		color:#fff;
		font-size:2.8rem;
		font-weight:800;
	}

	.about-header p {

		color:#9ca3af;
		font-size:1.1rem;
	}

	.about-content {
	}

	.about-block {background:rgba(255,255,255,.03);border-left:4px solid #4f8cff;padding:25px;border-radius:14px;width: 91%;margin-left: 2%;margin-top: 2%;}

	.about-block h2 {

		color:white;
		margin-bottom:15px;
	}

	.about-block p {

		color:#d1d5db;
		line-height:1.9;
	}

	.about-list {

		color:#d1d5db;
		padding-left:25px;
	}

	.about-list li {

		margin-bottom:10px;
	}
		
	/* ==========================================
	   PRIVACY POLICY SECTION
	   ========================================== */

	#privacy-policy-section {

		display: none;
		justify-content: center;
		align-items: flex-start;

		width: 100%;
		padding: 80px 20px;

		background:
			linear-gradient(
				180deg,
				rgba(7,12,20,1),
				rgba(15,23,42,1)
			);
	}

	#privacy-policy-container {
			width: 100%;
			background: rgb(45, 37, 37);
			border: 1px solid rgba(255,255,255,0.08);
			padding: 50px;
			box-shadow:
			0 25px 60px rgba(0,0,0,0.45), 0 0 50px rgba(79,140,255,0.08);
			display: none;
			}

	.privacy-header {

		text-align: center;
		margin-bottom: 50px;
	}

	.privacy-header h1 {

		font-size: 2.8rem;
		font-weight: 800;

		color: #ffffff;

		margin-bottom: 15px;
	}

	.privacy-header p {

		color: #9ca3af;
		font-size: 1rem;
	}

	.privacy-content {width: 100%;}

	.policy-block {padding: 25px;background: rgba(255,255,255,0.03);border-left: 4px solid #4f8cff;border-radius: 14px;transition: all .3s ease;width: 83%;margin-top: 2%;}

	.policy-block:hover {

		transform: translateY(-2px);

		background: rgba(255,255,255,0.06);

		box-shadow:
			0 10px 30px rgba(0,0,0,0.25);
	}

	.policy-block h2 {

		color: #ffffff;

		font-size: 1.35rem;

		margin-bottom: 15px;

		font-weight: 700;
	}

	.policy-block p {

		color: #d1d5db;

		line-height: 1.9;

		font-size: 0.98rem;

		margin-bottom: 12px;
	}

	.policy-block p:last-child {

		margin-bottom: 0;
	}
	.tanzanite-download-btn {
		
		
		/* Layout & Positioning */
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: relative;
		overflow: hidden;
		cursor: pointer;
		border: none;
		border-radius: 20px;
		
		/* Tanzanite Multi-Tone Gradient (Deep Blue, Violet, & Flash of Red-Purple) */
		background: linear-gradient(
			135deg, 
			#1e1b4b 0%,    /* Deep Velvet Midnight */
			#2e1065 30%,   /* Rich Violet */
			#3b0764 65%,   /* Tanzanite Purple */
			#4d078a 100%   /* Vibrant Crystal Flash */
		);
		
		/* Typography */
		font-family: 'Segoe UI', Roboto, system-ui, sans-serif;
		color: #ffffff;
		text-transform: uppercase;
		letter-spacing: 2px;
		
		/* Premium 3D & Depth Shadows */
		box-shadow: 
			inset 0 2px 4px rgba(255, 255, 255, 0.4),
			0 10px 30px rgba(46, 16, 101, 0.5),
			0 15px 40px rgba(0, 0, 0, 0.3);
		
		/* Smooth Animation Baseline */
		transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}

	/* Typography Hierarchy */
	.tanzanite-download-btn .btn-text {
		font-size: 26px;
		font-weight: 800;
		text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
		margin-bottom: 6px;
	}

	.tanzanite-download-btn .btn-subtext {
		font-size: 16px;
		font-weight: 500;
		color: #c084fc; /* Soft Lavender Accent */
		letter-spacing: 3px;
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	}

	/* Glass/Crystal Sheen Overlay */
	.tanzanite-download-btn::before {
		content: '';
		position: absolute;
		top: 0;
		left: -150%;
		width: 100%;
		height: 100%;
		background: linear-gradient(
			90deg,
			transparent,
			rgba(255, 255, 255, 0.25),
			transparent
		);
		transform: skewX(-30deg);
		transition: all 0.7s ease;
	}

	/* Hover State: Gemstone Flare & Lift */
	.tanzanite-download-btn:hover {
		transform: translateY(-5px);
		box-shadow: 
			inset 0 2px 6px rgba(255, 255, 255, 0.6),
			0 20px 40px rgba(77, 7, 138, 0.6),
			0 25px 50px rgba(0, 0, 0, 0.4);
		filter: brightness(1.15);
	}

	/* Hover Trigger for Crystal Sheen Sweep */
	.tanzanite-download-btn:hover::before {
		left: 150%;
	}

	/* Active State: Pressed Gemstone Effect */
	.tanzanite-download-btn:active {
		transform: translateY(2px);
		box-shadow: 
			inset 0 4px 10px rgba(0, 0, 0, 0.8),
			0 5px 15px rgba(46, 16, 101, 0.4);
		filter: brightness(0.9);
	}


	#download2Btn{
		/* Exact Required Dimensions */
		width: 306px;
		height: 105px;
		float:left;
		margin-left:3.2%;
		margin-top: -12.2%;
	}
	#get-started-btn{
		float:right;
		margin-right: 3.1%;
		width: 323px;
		margin-top: -5.2%;
		height: 47px;
		border-radius: 7px;
		font-size: 21px;
	}

	.chrome-button {
		/* Layout & Sizing */
		
		
		/* Typography */
		font-family: 'Segoe UI', Roboto, sans-serif;
		font-size: 14px;
		font-weight: 600;
		color: #2c3e50;
		text-transform: uppercase;
		letter-spacing: 1px;
		
		/* Metallic Chrome Gradient Background */
		background: linear-gradient(
			180deg, 
			#ffffff 0%, 
			#eaeaea 40%, 
			#cccccc 45%, 
			#ffffff 55%, 
			#a1a1a1 100%
		);
		
		/* Borders & Curved Corners */
		border: 1px solid #999999;
		border-radius: 6px;
		cursor: pointer;
		user-select: none;
		
		/* 3D Sleek Effects */
		box-shadow: 
			inset 0 1px 0 rgba(255, 255, 255, 0.8),
			0 4px 6px rgba(0, 0, 0, 0.15);
		
		/* Smooth Animation */
		transition: all 0.2s ease-in-out;
	}

	/* Hover State: Subtle Glow & Lift */
	.chrome-button:hover {
		box-shadow: 
			inset 0 1px 0 rgba(255, 255, 255, 0.8),
			0 6px 12px rgba(0, 0, 0, 0.2),
			0 0 10px rgba(255, 255, 255, 0.5);
		transform: translateY(-1px);
		filter: brightness(1.05);
	}

	/* Active State: Pressed Down Effect */
	.chrome-button:active {
		box-shadow: 
			inset 0 2px 4px rgba(0, 0, 0, 0.2),
			0 1px 2px rgba(0, 0, 0, 0.05);
		transform: translateY(1px);
		background: linear-gradient(
			180deg, 
			#dcdcdc 0%, 
			#c8c8c8 40%, 
			#b4b4b4 45%, 
			#e1e1e1 55%, 
			#8e8e8e 100%
		);
	}


	#bottom-section{
		float:left;
		width:95.5%;
		height: 12%;
		background:black;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 2rem;
	}
	.footer-links {
	  display: flex;
	  gap: 1.5rem;
	}

	.footer-link {
	  color: #4a5568;
	  text-decoration: none;
	  transition: color 0.2s ease;
	}

	.footer-link:hover {
	  color: #3182ce;
	}
	.tanzanite-button-container {
		/* Layout & Sizing matching your structural needs */
		width: 420px;
		height: 160px;
		display: flex;
		align-items: center;
		padding: 0 30px;
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
		
		/* Styling & Shape */
		cursor: pointer;
		user-select: none;
		border-radius: 24px;
		border: 1px solid rgba(255, 255, 255, 0.15);
		
		/* Tanzanite Metallic Gemstone Gradient */
		background: linear-gradient(
			135deg, 
			#1c1a44 0%, 
			#2d1264 40%, 
			#431384 70%, 
			#631ca4 100%
		);
		
		/* 3D Depth Shadows */
		box-shadow: 
			inset 0 2px 4px rgba(255, 255, 255, 0.3),
			0 8px 24px rgba(45, 18, 100, 0.4),
			0 16px 40px rgba(0, 0, 0, 0.3);
			
		/* Smooth State Animations */
		transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), 
					box-shadow 0.3s ease, 
					filter 0.3s ease;
	}

	/* Perfect Circle Logo Fitting */
	.logo-wrapper {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		overflow: hidden;
		flex-shrink: 0;
		margin-right: 25px;
		background: rgba(255, 255, 255, 0.05);
		box-shadow: 
			0 0 0 3px rgba(255, 255, 255, 0.2),
			inset 0 2px 8px rgba(0, 0, 0, 0.4);
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		z-index: 2;
	}

	.logo-img {
		width: 100%;
		height: 100%;
		object-fit: cover; /* Ensures image fills the circle without warping */
	}

	/* Typography Configuration */
	.text-container {
		display: flex;
		flex-direction: column;
		z-index: 2;
	}

	.main-text {
		font-family: 'Segoe UI', Roboto, sans-serif;
		font-size: 14px;
		font-weight: 800;
		color: #ffffff;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
		line-height: 1.1;
	}

	.sub-text {
		font-family: 'Segoe UI', Roboto, sans-serif;
		font-size: 14px;
		font-weight: 600;
		color: #d8b4fe; /* Lavender crystal accent color */
		letter-spacing: 2px;
		text-transform: uppercase;
		margin-top: 4px;
		text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	}

	/* Sparkles & Glitter Layer */
	.sparkle {
		position: absolute;
		color: #fff;
		opacity: 0;
		font-size: 18px;
		pointer-events: none;
		z-index: 3;
		text-shadow: 0 0 8px #fff, 0 0 15px #c084fc;
	}

	/* Continuous Floating Sparkle Animations */
	.sp-1 { top: 20px; left: 140px; animation: twinkle 3s infinite 0.5s; }
	.sp-2 { bottom: 25px; right: 40px; animation: twinkle 2.5s infinite 1.2s; }
	.sp-3 { top: 35px; right: 120px; animation: twinkle 3.5s infinite 0s; }

	@keyframes twinkle {
		0%, 100% { transform: scale(0.3) rotate(0deg); opacity: 0; }
		50% { transform: scale(1.2) rotate(90deg); opacity: 0.9; }
	}

	/* Hidden Shimmer Sweep Layer */
	.tanzanite-button-container::before {
		content: '';
		position: absolute;
		top: 0;
		left: -150%;
		width: 100%;
		height: 100%;
		background: linear-gradient(
			90deg,
			transparent,
			rgba(255, 255, 255, 0.25),
			transparent
		);
		transform: skewX(-25deg);
		transition: left 0.6s ease;
		z-index: 2;
	}

	/* Background Ambient Glow */
	.glow-aura {
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
		background: radial-gradient(circle inside, rgba(168, 85, 247, 0.4) 0%, transparent 70%);
		opacity: 0;
		transition: opacity 0.4s ease;
		z-index: 1;
	}

	/* Interactive States mimicking native buttons */
	.tanzanite-button-container:hover {
		transform: translateY(-4px);
		filter: brightness(1.1);
		box-shadow: 
			inset 0 2px 4px rgba(255, 255, 255, 0.5),
			0 12px 30px rgba(99, 28, 164, 0.5),
			0 20px 50px rgba(0, 0, 0, 0.4);
	}

	.tanzanite-button-container:hover::before {
		left: 150%;
	}

	.tanzanite-button-container:hover .glow-aura {
		opacity: 1;
	}

	.tanzanite-button-container:active {
		transform: translateY(2px);
		filter: brightness(0.9);
		box-shadow: 
			inset 0 4px 12px rgba(0, 0, 0, 0.6),
			0 4px 10px rgba(45, 18, 100, 0.3);
	}

	/* Keyboard accessibility outline */
	.tanzanite-button-container:focus-visible {
		outline: 3px solid #c084fc;
		outline-offset: 3px;
	}

	#downloadBtn{
		float:left;
		width: 343px;
		height: 341px;
		margin-left: 503px;
		margin-top: -180px;
		margin-bottom: 0px;
		border-radius: 50%;
	}
	#consoles{
		width: 100%;
		height: 100%;
		position:fixed;
		float:left;
		display: none;
		opacity: 0;
	}

	#top-image{
		
		float:left;
		width:100%;
		
		margin-bottom: 0px;
	}
	#second-image{
		
		float:left;
		width:100%;
		
		margin-top: 6px;
	}
	#third-image{
		
		float:left;
		width:100%;
		
		margin-top: 6px;
	}
		
	/*loading window elements*/

	div#loadingWindow{
		float:left;
		margin-left: 29.5%;
		border-radius:12px;
		box-shadow: 0px 3px 7px;
		transition: all linear 120ms;
		background:white;
		position:fixed;
		opacity: 0;
		padding-bottom: 3%;
		margin-top: 300%;
		transition: all linear 700ms;
	}

	img#loadingIcon{
		float: left;
		width: 100px;
		margin-left: 192px;
		margin-top: 7%;
	}

	p#loadingText{
		float:left;
		width:100%;
		padding:0px;
		margin-top:2%;
		margin-bottom:0px;
		font-weight:bold;
		font-size: 19px;
		color:#376ca8;
		text-align: center;
	}

	/*loading window elements*/
		

	/*Alert Dialog Box*/

	div#alertDialogBox{
		float: left;
		width: 54%;
		box-shadow: 0px 3px 7px;
		background: white;
		margin-top: 300%;
		margin-left: 22%;
		border-radius: 12px;
		opacity:1;
		display: block;
		transition: all linear 400ms;
		position: fixed;
		margin-right: 22%;
	}

	p#alertMessage{
		
		float:left;
		width: 90%;
		padding: 0;
		margin-top: 5%;
		margin-bottom:0px;
		font-weight: bold;
		color: #376ca8;
		text-align: center;
		margin-left:5%;
		font-size: 17px;
	}

	button#closeAlertBtn{
		
		float: left;
		width: 40%;
		margin-left: 30%;
		margin-top: 5%;
		
		margin-bottom: 5%;
	}

	/*List Dialog Box*/

	div#listDialogBox{
		
		float: left;
		width: 49%;
		height: 76%;
		margin-left: 25%;
		margin-top: 300%;
		background: white;
		box-shadow: 0px 3px 7px;
		border-radius: 24px;
		transition: all linear 400ms;
		position: fixed;
		opacity: 0;
		display:none
	}

	.selectListItem{
		font-size : 24px;
	}

	ul#generalListing{
		float: left;
		margin-left: 10%;
		width: 80%;
		height: 80%;
		margin-top:4%;
		overflow-y: scroll;
		padding: 0px;
		margin-left: 10%;
	}

	p#selectMessage{
		float: left;
		width: 100%;
		margin-top: 5%;
		padding: 0px;
		margin-bottom: 0px;
		font-weight:bold;
		font-size: 17px;
		color: #376ca8;
		text-align: center;
	}

	/*Paypal Proceed Window*/

	div#paypalProceedWindow{
		
		float:left;
		width: 69%;
		height: 66%;
		margin-left: 17%;
		margin-top: 300%;
		background: #f0a900;
		position:fixed;
		opacity: 0;
		transition: all linear 700ms;
		
		border-radius: 24px;
		box-shadow: 0px 3px 7px;
		overflow-y: scroll;
	}

	p#header_instruction{
		
		float:left;
		width: 80%;
		margin-left: 10%;
		margin-top: 2%;
		color: #376ca8;
		font-weight: bold;
		font-size: 16px;
		
		text-align: center;
	}

	img#paypalLogo{
		
		float:left;
		width: 28%;
		margin-left: 36%;
		margin-top: 0%;
		background: white;
		border-radius: 13px;
		
		box-shadow: 0px 3px 13px;
		padding: 1%;
	}

	div#initPaymentProcess{
		
		float:left;
		width: 20%;
		margin-left: 36%;
		margin-top: 5%;
		
		margin-bottom: 7px;
	}

	/*DIALOG BACKGROUND*/

	div#dialogBackground{
		float:left;
		width: 102%;
		height: 107%;
		position: fixed;
		z-index: 3;
		background: #00000078;
		opacity: 0;
		display: block;
		visibility:hidden;
		transition: all linear 400ms;
		margin-left: -1%;
	}

	img#closeBtn{
		float:left;
		margin-left: 1%;
		margin-top: 2%;
		width: 45px;
	}

	/*Prompt Dialog Box*/

	div#promptDialog{
		
		float: left;
		width: 48%;
		box-shadow: 0px 3px 7px;
		border-radius: 12px;
		margin-top: 300%;
		margin-left: 26%;
		display: block;
		opacity:1;
		background: white;
		transition: all linear 400ms;
		position: fixed;
	}

	p#promptText{
		
		float: left;
		width: 95%;
		margin-top: 8%;
		margin-bottom: 10px;
		padding: 0;
		font-weight: bold;
		color: #376ca8;
		text-align: center;
		
		font-size: 141%;
		margin-left: 2.5%;
	}

	button#yesBtn{
		
		float:left;
		width: 20%;
		margin-left: 25%;
		margin-top: 4%;
		
		margin-bottom: 6%;
	}

	button#noBtn{
		
		float:left;
		width: 20%;
		margin-left: 10%;
		
		margin-top: 4%;
	}

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

	*{
		transition: all linear 300ms;
		cursor: pointer;
		outline: none;
		font-family: Calibri;
		color: #a09a9a;
		-webkit-tap-highlight-color: transparent;
	}

	.btnClassOne{
		height: 20px;
		border-radius: 12px;
		border: 3px solid white;
		color: black;
		background: white;
		font-weight:bold;
	}

	.btnClassTwo{
		height: 30px;
		border-radius: 12px;
		border: 3px solid black;
		color: black;
		background: none;
		font-weight:bold;
		margin-bottom: 3%
	}

	.btnClassThree{
		height: 30px;
		border-radius: 12px;
		border: 3px solid black;
		color: white;
		background: black;
		font-weight:bold;
		margin-bottom: 3%
	}



	.inputHeader{
		float:left;
		width: 70%;
		font-size: 26px;
		color: #376ca8;
		font-weight: bold;
		margin-top: 2%;
		margin-left: 5%;
		margin-right: 7%;
		text-decoration: underline;
	}
	.inputHeader3{
		float:left;
		width: 70%;
		font-size: 25px;
		color: #376ca8;
		font-weight: bold;
		margin-top: 4%;
		margin-left: 15%;
		margin-right: 15%;
		text-decoration: underline
	}
	.infoHeader{
		float:left;
		width: 70%;
		font-size: 24px;
		color: #000000;
		font-weight: bold;
		margin-top: -2%;
		margin-left: 15%;
		margin-right: 15%;
		margin-bottom: 0px;
	}



	.descriptionHeader{
		float:left;
		width: 70%;
		font-size: 16px;
		color: gray;
		font-weight: bold;
		margin-top: -2%;
		margin-left: 15%;
		margin-right: 15%;
		margin-bottom: 0px;
	}

	#breakdown-list{
		width: 70%;
		margin-top: 2%;
		margin-left: 15%;
		margin-right: 15%;
	}

	.inputHeader2{
		float:left;
		font-size: 18px;
		color: #376ca8;
		font-weight: bold;
		float: left;
	}
		
		.infoDetailsOne{
			float:left;
			margin-left: 5%;
			margin-top: 0.3%;
			font-size: 20px;
		}

	.textAreaInput{
		float:left;
		width: 70%;
		font-size: 18px;
		color: #376ca8;
		font-weight: bold;
		margin-top: 2%;
		margin-left: 15%;
		margin-right: 15%;
		border: 2px solid black;
		border-radius: 7px
	}

	.inputClass{
		height: 30px;
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
		margin-top: 3%;
		border-left: none;
		border-right: none;
		border-top: none;
		border-bottom: 3px solid #376ca8;
		color: #376ca8;
		font-weight:bold;
	}

	.inputClassThree{
		height: 9px;
		width: 82%;
		margin-left: 5%;
		margin-right: 15%;
		margin-top: 1.5%;
		border-left: none;
		border-right: none;
		border-top: none;
		border-bottom: 3px solid #376ca8;
		color: #376ca8;
		font-weight:bold;
		font-size: 15px;
	}

	.inputClassTwo{
		height: 30px;
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
		margin-top: 3%;
		border-left: none;
		border-right: none;
		border-top: none;
		border-bottom: 3px solid #376ca8;
		color: #376ca8;
		font-weight:bold;
		text-align: center
	}

	/*Headers*/

	#headerText1{
		float:left;
		color: white;
		font-weight: bold;
		font-size: 46px;
		margin-left:1%;
		margin-top: 1%;
		font-family: Impact;
		margin-right: 47%;
		width: 51%;
		text-shadow: 3px 3px 15px black;
	}
	#headerText2{
		float:left;
		font-weight: bold;
		color: white;
		font-size: 232%;
		margin-left:1%;
		margin-top: -3%;
		margin-right: 41%;
		font-family: Impact;
		color: white;
		text-shadow: 2px 1px 0px black;
	}

	#headerText3{
		float:left;
		color: white;
		font-weight: bold;
		font-size: 20px;
		margin-left:1%;
		margin-top: 1%;
		width: 30%;
		margin-right: 50%;
		font-family: Calibri
	}

	/*Headers*/

	/*General Elements*/

	body{
		height: 100%;
		overflow: hidden;
		z-index:0;
		margin-top: 0%;
		background-image: url("../Images/background_image.png");
		background-repeat:no-repeat;
		background-size: cover;
		opacity: 0
	}

	#header{
		height: 56px;
		width: 97%;
		position: fixed;
		float: left;
		background: #376ca8;
		border: solid 2px white;
		margin: -0.7%;
		margin-top: 0.5%;
		z-index:10;
		display:none;
		opacity:0;
		margin-left: 0%;
	}

	#menuBtn{
		width: 3.5%;
		float:left;
		margin-left: 1%;
		margin-top: 7px;
	}

	#logo{
		width: 156px;
		margin-top: 0.5%;
		margin-left: 39%;
	}

	#mainSection{
		width: 100%;
		height: 100%;
		margin-top: 0px;
		position: fixed;
	}


	#WelcomeScreen{
		width: 100%;
		height: 100%;
		float:left;
		margin-top: 0px;
		overflow-y: scroll;
		z-index: 9;
		display: block;
		opacity: 1;
		overflow-x: hidden;
		margin-left: -1%;
	}


	/*General Elements*/


	/*Admin section*/
	#addAdminSection{
		width: 100%;
		height: 100%;
		float: left;
		display: none;
		opacity:0;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	#adminInit{
		width: 20%;
		margin-left: 40%;
		height: 7%;
		margin-top: 7%;
		margin-bottom: 7%;
	}

	/*Forgot password section*/

	#forgotPasswordSection{
		width: 100%;
		height: 100%;
		float: left;
		display: none;
		opacity:0;
		overflow-y: hidden;
		overflow-x: hidden
	}

	p#forgotPassword_header{
		float:left;
		margin-right: 10%;
		margin-left: 10%;
		width: 80%;
		text-align: center;
		font-weight: bold;
		font-size: 98%;
		margin-top:3%;
		color:#376ca8
	}
		
		#verifyEmail_forgotPassword{
			width: 20%;
			margin-left: 40%;
			margin-top: 5%
		}

	/*User Login Section*/

	#forgotPasswordBtn{
		float:left;
		margin-left: 28%;
		font-weight: bold;
		font-size: 35px;
		color: #376ca8;
		margin-top: 5%;
	}

	#loginAdminHolder{
			width: 100%;
			margin-top:2%;
			float:left
	}
	#adminBtn{
		float: left;
		margin-top: 1%;
		background: none ;
		color: #376ca8;
		border-radius: 12px;
		border: solid 2px #376ca8;
	}

	#userLoginSection{
		width: 100%;
		height: 100%;
		float: left;
		display: none;
		opacity:0
	}


	#loginInit{
		float:left;
		width: 20%;
		margin-left: 40%;
		margin-top: 7%
	}


	/*User Login Section*/

	/*Add User Section*/

	#addNewCustomerSection{
		width: 100%;
		height: 100%;
		float: left;
		display: none;
		opacity:0;
		overflow-y: scroll;
		overflow-x: hidden
	}
	#addNewTesterSection{
		width: 95%;
		height: 100%;
		float: left;
		display: none;
		opacity:0;
		overflow-y: scroll;
		overflow-x: hidden;
		background: #2f2f4b;
	}
	#addUserInit{
		float:left;
		width: 20%;
		margin-left: 40%;
		margin-top: 7%
	}
	#projectDesc{
		height: 30%;
		font-size: 20px
	}

	#currencyDsp{
		margin-left: 15%;
		font-size: 46px; 
		margin-top: 0px;
		margin-bottom: 0px;
	}

	#amountInput{
		width: 25%;
		margin-left: 2%;
		margin-right: 0px;
		
		margin-top: 0px;
		font-size: 30px;
	}

	#payInput{
		float:left;
		width: 100%;
		
	}

	#amountDsp{
		margin-left: 1%;
		font-size: 46px; 
		margin-top: 0px;
		margin-bottom: 0px;
		color:black
	}

	#jobOptions{
		width: 52%;
		float: right;
		margin-right: 12%;
		font-size: 20px;
		background: none;
		border: 3px solid #376ca8;
		border-radius: 12px;
		text-align: center;
	}

	.jobOptionType{
		color: #376ca8;
		font-size: 18px;
		margin-left: 5%;
		margin-right: 12%
	}

	.addOptions{
		float: left;
		color: #376ca8;
		font-size: 22px;
		margin-left: 12%;
		margin-top: 1%;
	}
	.addOptionsText{
		float: left;
		color: #376ca8;
		font-size: 22px;
		margin-left: 1%;
		width: 82%;
		margin-top: 0px;
	}

	#addOptionsHolder1{
		float:left;
		width: 100%;
		opacity: 1;
		display:block;
		margin-top: 7%;
	}

	#contactNumberInput{
		
		float:left;
		width:100%
		
	}

	#countrySelectHolder{
		height: 40px;
		border-radius: 20px;
		background: #376ca8;
		text-align: center;
		font-weight: bold;
		font-size:20px;
		margin-left: 5%;
		margin-top: 2%;
		float: left;
		color: white;
		width: 50%;
		box-shadow: 0px 0px 7px black
	}
		
	#countrySelected{
		margin-top: 8px;
		color: white;
		padding: 0px;
		margin-bottom: 0px;
	}

	#addOptionsHolder2{
		width: 100%;
		float:left;
		margin-top: 2%;
		margin-bottom: 10%;
		opacity:0;
	}

	#freeHostingAdd{
		float: left;
		color: #376ca8;
		width: 100%;
		text-align: center;
		font-size: 20px;
		margin:0px
	}

	/*Add User Section*/

	/*Animated Menu*/

	#menu-shape{
		float:left;
		border-radius: 7px;
		box-shadow: 0px 0px 12px black;
		background:white;
		position:fixed;
		z-index:7;
		margin-top: 3%;
		width: 16%;
		height: 0px;
		height: 0px;
		display:none;
		opacity:0
	}
	#menu-list{
		width: 86%;
		margin-top: 29%;
		list-style-type: none;
		display:none;
		opacity:0
	}

	.menuItem{
		font-size: 16px;
		transition: all linear 70ms;
		margin-top: 9%;
	}

	.menuItem:hover{
		font-size: 20px;
		transition: all linear 70ms;
		color:#376ca8
	}

	.bItem{
		font-size: 20px;
		transition: all linear 70ms
	}

	.bItem:hover{
		font-size: 25px;
		transition: all linear 70ms;
		color:#376ca8
	}

	/*Animated Menu*/

	/*Review Section*/
	#cancelBtnHlder{
		width: 100%;
		float:left;
		margin-top: 7%
	}
	#cancelIcon{
		float:left;
		width: 50px;
		margin-left: 15%;
		
	}
	#cancelText{
		float:left;
		font-weight: bold;
		color:black;
		margin-left: 2%;
		font-size: 40px;
		margin-top: 1px;
	}
	#quickFeedBack{
		float:left;
		width:20%;
		margin-left: 15%;
		margin-top: 7%;
	}
	#adminActiveHolder{
		width: 32%;
		text-align: center;
		color: grey;
		float: left;
		margin-left: 14%;
		margin-top: 5%;
		background: #00000059;
		border-radius: 96px;
		margin-right: 56%;
	}

	#adminActiveIcon{
		width: 30px;
		height: 30px;
		text-align: center;
		color: grey;
		float: left;
		margin-left: 7%;
		margin-top: 6.3%;
		margin-bottom: 5%;
		border-radius: 15px;
		background: #00000061;
	}
	#adminActiveText{
		width: ;
		text-align: center;
		color: #4f4848;
		float: left;
		margin-left: 4%;
		margin-top: 5%;
		font-size: 29px;
		margin-bottom: 6%;
	}

	#payForJobNow{
		width: 20%;
		height: 56px;
		float:left;
		margin-left: 15%;
		margin-top: 5%;
		margin-right: 24%;
	}

	#reviewSection{
		width: 100%;
		height: 100%;
		float: left;
		display: none;
		opacity:0;
		overflow-y: scroll;
		overflow-x: hidden
	}

	#reviewIns{
		
	}

	#pInfoHeader{
		float:left;
		width: 100%;
		text-align: center;
		font-size: 22px;
		color: #376ca8;
		font-weight: bold;
		margin-top: 2%;
		text-decoration: underline;
	}

	#updatesContainer{
		width: 100%;
		margin-left: 0%;
		margin-right: 0px;
		margin-top:0%;
		float:left
	}



	.updateCloud{
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
		margin-top: 2%;
		margin-bottom: 2%;
		border-radius: 12px;
		box-shadow: 0px 0px 7px black;
		background: white;
		height: 368px;
	}

	.updateCloud2{
		width: 70%;
		height: 304px;
		margin-left: 15%;
		margin-right: 15%;
		margin-top: 2%;
		margin-bottom: 2%;
		border-radius: 12px;
		box-shadow: 0px 0px 7px black;
		background: white
	}

	/*Cloud Component*/

	.infoHeaderOne{
	  width: 90%;
		margin-left: 5%;
		margin-right: 10%;
		float:left;
		font-weight: bold;
		color: #376ca8;
		font-size: 20px;
		margin-top: 2%;
		margin-bottom: 0%;
		float:left
			
	}

	.infoDetailOne{
		width: 90%;
		margin-left: 5%;
		margin-right: 10%;
		float:left;
		font-weight: bold;
		color: #000000;
		font-size: 16px;
		margin-top: 0.5%;
		margin-bottom: 0%;
	}

	.infoDateHeader{
		width: 90%;
		margin-left: 5%;
		margin-right: 10%;
		float:left;
		font-weight: bold;
		color: gray;
		font-size: 16px;
		margin-top: 0.5%;
		margin-bottom: 0%;
		text-align:right
	}

	.fileDownloadBtn{
		border: 3px solid gray;
		background:none;
		font-weight: bold;
		font-size: 20px;
		color:gray;
		border-radius:7px;
		margin-left:5%;
		float:left;
		width: 200px;
		height: 35px;
	}

	.infoInsHeader{
		width: 90%;
		margin-left: 5%;
		margin-right: 10%;
		float:left;
		font-weight: bold;
		color: gray;
		font-size: 16px;
		margin-top: 0.5%;
		margin-bottom: 0%;
		text-align:center
	}

	.infoDeleteBtn{
		float:right;
		width:20px;
		margin-right: 1%;
		margin-top: 1%;
	}

	/*Overview Section*/
	#updatesHeader{
		float: left;
		margin-top: 7%;
	}

	#projectsOverview{
		width: 100%;
		height: 100%;
		float: left;
		display: none;
		opacity:0;
		overflow-y: scroll;
		overflow-x: hidden
	}

	#projectsContainer{
		width: 100%;
		margin-left: 0%;
		margin-right: 0px;
		margin-top:0%;
		float: left;
	}

	/*Feedback Section*/
	#provideFeedBack{
		width: 100%;
		height: 100%;
		float: left;
		display: none;
		opacity:0;
		overflow-y: scroll;
		overflow-x: hidden
	}

	#messageInputfdback{
		height: 30%
	}

	#sendFeedBack{
		height: 42px;
		border-radius: 12px;
		border: 3px solid black;
		color: black;
		background: white;
		font-weight:bold;
		width: 20%;
		margin-left: 40%;
		margin-top: 5%;
	}

	/*Update Section*/
	#provideUpdate{
		width: 100%;
		height: 100%;
		float: left;
		display: none;
		opacity:0;
		overflow-y: scroll;
		overflow-x: hidden
	}
	#sendUpdate{
		width: 40%;
		margin-left: 30%;
		margin-top:6%;
		margin-bottom: 5%;
		font-size: 20px;
		height: 8%;
		border-radius: 32px;
	}
	#messageInputUpdate{
		height: 30%
	}

	#selectFiles{
		width: 20%;
		margin-left: 40%;
		margin-top:2%;
		height: 8%;
		margin-right: 40%;
	}
	#sendFeedBack{
		width: 20%;
		margin-left: 40%;
		margin-top:2%;
		margin-bottom: 5%;
	}

	#fileNameDsp{
		width: 80%;
		margin-left: 10%;
		text-align: center;
		font-size: 20px;
		opacity: 1;
		font-weight: bold;
		margin-top:5%;
		float: left;
	}
		
		#screenshotsDsp{
			margin-left: 15%;
			margin-right: 60%
		}
		#screenshotsDelete{
			margin-left: 15%;
			margin-right: 60%;
			font-size: 14px;
			margin-top: -1%;
			font-weight: lighter;
		}
		
		#selectSecreenImage{
			float: left;
			width: 20%;
			height: 7%;
			background: none;
			border: 3px solid black;
			border-radius: 12px;
			color:black;
			margin-left:40%;
			margin-top:2%
		}
		
		#selectSecreenImage:hover{
			float: left;
			width: 20%;
			height: 7%;
			background: black;
			border: 3px solid black;
			border-radius: 12px;
			color:white
		}
		
	/*Payment Section*/

	#payInFullHolder{
		float: left;
		width: 100%;
		margin-top: 3%
	}

	#payment-section{
		width: 100%;
		height: 100%;
		float: left;
		display: none;
		opacity:0;
		overflow-y: scroll;
		overflow-x: hidden
	}

	#Rules{
		margin-top: 7%
	}

	.prItem{
		float:left;
		font-size: 20px;
		margin-top:1%;
		margin-bottom:1%
	}
	.prItem:hover{
		float:left;
		font-size: 25px;
		margin-top:1%
	}

	#paymentsRulesListHolder{
		width: 90%;
		margin-left: 5%;
		margin-top:2%;
		border: 2px solid black;
		border-radius: 12px;
		float: left;
	}
	#paymentsRulesList{
		width: 100%;
		height: 100%;
	}

	#Rules{
		font-size: 40px
	}

	#payBubble{
		Float: left
	}

	#openPaypalBtn{
		Float: left;
		width: 20%;
		margin-left: 40%
	}

}

@media only screen and (max-width: 990px){
	.countryItem{
		font-size: 34px;
	}
	#mainAdDisplay{
		float:left;
		width:100%;
		height:100%;
		background: white;
		visibility:hidden;
		position:fixed;
		margin-left: -1%;
		display: block;
	}
	
	#contactNumberInput{
		margin-top:2%
	}
	
	#x1{
		float:left;
		width:90%;
		border-radius:12px;
		border: 1px solid #376ca8;
		margin-left:4%;
		overflow: hidden;
		margin-top:3%;
		height: 77px;
	}
	#fileUploadSection{
		float:left;
		width: 80%;
		background: white;
		border-radius: 12px;
		box-shadow: 0px 0px 7px black;
		margin-left: 11%;
		margin-top: 300%;
		display: none;
		opacity: 0;
		position: fixed;
		height: 17%;
	}
	
	p#uploadHeader{
		float: left;
		width: 100%;
		margin-top: 5%;
		padding: 0px;
		margin-bottom: 0px;
		font-weight:bold;
		font-size: 47px;
		color: #376ca8;
		text-align: center;
	}
	p#fileName{
		float: left;
		width: 70%;
		margin-top: 1%;
		padding: 0px;
		margin-bottom: 0px;
		font-size: 14px;
		color: black;
		text-align: center;
		color: gray;
	}
	
	#selectApkBtn{
		width: 30%;
		float:left;
		height: 100%;
		background:#376ca8;
		color:white;
		border: none;
		padding: 0px;
		font-size: 31px;
	}

	#uploadApkBtn{
		width: 30%;
		float:left;
		height: 60px;
		background:#376ca8;
		color:white;
		border: none;
		border-radius:15px;
		margin-left: 35%;
		margin-top: 3%;
		font-size: 33px;
	}
	
	#admobCountSection{
		float: left;
		position:fixed;
		background: gray;
		color:white;
		height: 80px;
		width: 200px;
		margin-left: 43%;
	}
	#adMobSecondCount{
		width: 100%;
		font-align:center;
		text-shadow: 0px 0px 1px black;
		margin-top: 29px;
		margin-left: ;
		font-weight: bolder;
		color: white;
		font-size: 26px;
		text-align: center;
	}
		
	#closeMsgInput{
		float:left;
		width: 56px;
		margin:10px
	}
	#contact-us-send{
		float:left;
		width: 40%;
		margin-left: 30%;
		height: 62px;
		margin-top:4%;
		margin-bottom: 4%;
		font-size: 25px;
	}
	#contact-us-input{
		float:left;
		width: 90%;
		margin-left:4%;
		height: 600px;
	}	
	#openMessagingButton{
		float: left;
		width: 140px;
		height: 140px;
		border-radius: 50%;
		box-shadow: 0px 0px 3px black;
		position:fixed;
		z-index:20;
		background:white;
		margin-left: 82%;
		margin-top: 167%;
		transition: all linear 400ms
	}
	#openMessageIcon{
		float:left;
		width:100%;
		height:100%;
		transition: all linear 400ms
	}

	#applicationRecievedSection{
		width:100%;
		height: 100%;
		float:left;
		display: none;
		opacity: 0;
		overflow:hidden
	}

	#mainBubbleOne{
		width: 600px;
		height: 600px;
		border-radius:20px;
		box-shadow: 0px 0px 8px black;
		background:white;
		margin-left: 14%;
		margin-top: 4%;
	}
	#checked-image{
		width:70%;
		height: 78%;
		float:left;
		margin-left: 15%;
		margin-top: 9%;
	}
	#approvalHeader{
		width:100%;
		text-align:center;
		color:green;
		float:left;
		margin-top:2px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		font-size: 35px;
		font-weight:bolder
	}
	#approvalMessage{
		width: 70%;
		text-align:center;
		color:gray;
		float:left;
		margin-top:2px;
		margin-bottom:0px;
		margin-left: 15%;
		margin-right: 0px;
		font-size: 35px;
		font-weight:bold
	}
	#approvalByPass{
		width: 70%;
		text-align:center;
		color:gray;
		float:left;
		margin-top:2px;
		margin-bottom:0px;
		margin-left: 15%;
		margin-right: 0px;
		font-size: 52px;
		font-weight:bold
	}

	#appDoneBtn{
		float:left;
		width: 35%;
		height: 5%;
		margin-left: 32%;
		margin-top:3%;
		font-size: 28px;
	}

	#adMobSection{
		float:left;
		width: 80%;
		height: 89%;
		display: block;
		opacity: 1;
		border-radius:12px;
		box-shadow: 0px 0px 7px black;
		margin-top: 5%;
		margin-left: 2%;
	}
		
	#contact-us-message-input{
		float:left;
		width: 80%;
		background: white;
		border-radius: 12px;
		box-shadow: 0px 0px 7px black;
		margin-left: 10%;
		margin-top: 44%;
		display: none;
		opacity: 0;
		position: fixed;
	}    
		
	/* ==========================================
	   TESTER REGISTRATION SECTION
	   ========================================== */

	#addNewTesterSection {

		max-width:1200px;

		margin:auto;

		padding:40px;

		display:flex;

		flex-direction:column;

		gap:30px;
	}

	#testerHeroCard {
		background:
		linear-gradient(
			135deg,
			rgba(79,140,255,.15),
			rgba(124,77,255,.15)
		);
		border-radius:24px;
		padding:40px;
		border:1px solid rgba(255,255,255,.08);
		backdrop-filter:blur(20px);
		box-shadow:
		0 25px 50px rgba(0,0,0,.30);
		width: 87%;
		}

	#testerTitle {

		font-size:2.8rem;

		font-weight:800;

		color:white;

		margin-bottom:20px;
	}

	#testerSubtitle {

		color:#cbd5e1;

		font-size:2.5rem;

		line-height:1.8;

		max-width:800px;
	}

	#testerBenefits {

		margin-top:30px;

		display:flex;

		flex-wrap:wrap;

		gap:15px;
	}

	.benefitCard {

		background:rgba(255,255,255,.08);

		border:1px solid rgba(255,255,255,.10);

		padding:14px 20px;

		border-radius:12px;

		color:white;

		font-weight:600;
	}

	.benefitIcon {

		margin-right:10px;
	}

	#testerFormCard {background:rgb(255, 255, 255);border-radius:24px;padding:40px;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);margin-top: 2%;margin-bottom: 10%;width: 87%;}

	#loginHeader {

		font-size:2rem;

		color:white;

		font-weight:700;

		margin-bottom:30px;

		text-align:center;
	}

	.inputRow {


		width: 100%;
		float: left;
	}

	.inputRow .inputClassThree {

		flex:1;
	}

	.inputClassThree {

		width:100%;

		margin-bottom:15px;

		padding:15px;

		border-radius:12px;

		border:1px solid rgba(255,255,255,.10);

		background:rgba(255,255,255,.05);

		color:white;

		transition:.3s;
	}

	.inputClassThree:focus {

		outline:none;

		border-color:#4f8cff;

		box-shadow:
		0 0 0 4px rgba(79,140,255,.15);
	}

	#csvCard {

		margin-top:20px;
	}

	#csvDropArea {

		border:2px dashed rgba(79,140,255,.40);

		border-radius:20px;

		padding:50px;

		text-align:center;

		background:
		rgba(79,140,255,.05);

		transition:.3s;
	}

	#csvDropArea:hover {

		background:
		rgba(79,140,255,.08);
	}

	#csvUploadIcon {font-size:9rem;margin-bottom:10px;color:#4f8cff;float: left;margin-right: 80%;margin-left: 45%;margin-top: -2%;}

	#csvUploadTitle {color:#b1afaf;font-size: 2.2rem;font-weight:700;margin-top: 0%;margin-left: 4%;}

	#csvUploadSub {color:#656c75;font-size: 2rem;margin-left: 4%;}

	#csvExplanation {color:#a5b0be;line-height:1.8;margin-bottom: 0px;float: left;width: 93%;margin-left: 5%;margin-right: 20%;font-size: 28px;text-align: center;}

	#addTesterInit {

		width:60%;

		margin-top:30px;

		height:60px;

		font-size:1.5rem;

		font-weight:700;

		border-radius:14px;

		background:
		linear-gradient(
			135deg,
			#4f8cff,
			#7c4dff
		);

		box-shadow:
		0 15px 35px rgba(79,140,255,.30);
		margin-left:20%
	}
		
	#shape{
		width: 80%;
		height:94%;
		border-radius:12px;
		box-shadow:0px 0px 7px black;
		float:left;
		margin-top:1%;
		margin-left:10%;
		background:white;
		overflow-y: none;
	}	
	#shapeArea{
		width: 90%;
		height: 90%;
		margin-top: -2%;
		float: left;
		position: fixed;
		margin-left: 6%;
	}

	/* ==========================================
	   TERMS OF SERVICE
	   ========================================== */

	#terms-of-service-section {

		width:100%;
		padding:80px 20px;

		display:flex;
		justify-content:center;

		background:
		linear-gradient(
			180deg,
			#08111f,
			#0f172a
		);
	}

	#terms-container {
		width:100%;
		padding:50px;
		background:rgb(28, 25, 25);
		backdrop-filter:blur(18px);
		border:1px solid rgba(255,255,255,.08);
		box-shadow:
		0 25px 60px rgba(0,0,0,.45);
		display: none;
		float: left;
		}

	.terms-header {

		text-align:center;
		margin-bottom:50px;
		width: 91%;
		font-size: 136%;
	}

	.terms-header h1 {

		color:#fff;

		font-size:2.8rem;

		font-weight:800;
	}

	.terms-header p {

		color:#9ca3af;
	}

	.terms-content {width: 100%;}

	.terms-block {background:rgba(255,255,255,.03);padding:25px;border-radius:14px;border-left:4px solid #4f8cff;width: 83%;margin-top: 2%;}

	.terms-block h2 {

		color:white;

		margin-bottom:15px;
		font-size: 2.2rem;
	}

	.terms-block p {

		color:#d1d5db;

		line-height:1.9;
		font-size: 30px;
	}

	.terms-list {

		color:#d1d5db;

		padding-left:25px;
		font-size: 2.2rem;
	}

	.terms-list li {

		margin-bottom:10px;
	}

	/* ==========================================
	   ABOUT US SECTION
	   ========================================== */

	#about-us-section {
		width:100%;
		background:
		linear-gradient(
			180deg,
			#0d1424,
			#111827
		);
		display:none;
		float: left;
		margin-top: 0;
		height: 500%;
		}

	#about-us-container {

		max-width:1100px;
		width:100%;

		padding:50px;

		border-radius:24px;

		backdrop-filter:blur(18px);

		background:rgba(255,255,255,.05);

		border:1px solid rgba(255,255,255,.08);

		box-shadow:
		0 25px 60px rgba(0,0,0,.45);
	}

	.about-header {

		text-align:center;
		margin-bottom:50px;
	}

	.about-header h1 {

		color:#fff;
		font-size:2.8rem;
		font-weight:800;
	}

	.about-header p {

		color:#9ca3af;
		font-size:1.5rem;
	}

	.about-content {float: left;height: 273px;}

	.about-block {background:rgba(255,255,255,.03);border-left:4px solid #4f8cff;padding:25px;border-radius:14px;width: 89%;margin-left: 2%;float: left;margin-top: 2%;font-size: 2.2rem;}

	.about-block h2 {

		color:white;
		margin-bottom:15px;
	}

	.about-block p {

		color:#d1d5db;
		line-height:1.9;
	}

	.about-list {

		color:#d1d5db;
		padding-left:25px;
	}

	.about-list li {

		margin-bottom:10px;
	}
		
	/* ==========================================
	   PRIVACY POLICY SECTION
	   ========================================== */

	#privacy-policy-section {

		display: none;
		justify-content: center;
		align-items: flex-start;

		width: 100%;
		padding: 80px 20px;

		background:
			linear-gradient(
				180deg,
				rgba(7,12,20,1),
				rgba(15,23,42,1)
			);
	}

	#privacy-policy-container {
			width: 100%;
			background: rgb(45, 37, 37);
			border: 1px solid rgba(255,255,255,0.08);
			padding: 50px;
			box-shadow:
			0 25px 60px rgba(0,0,0,0.45), 0 0 50px rgba(79,140,255,0.08);
			display: none;
			height: 600%;
			float: left;
			}

	.privacy-header {

		text-align: center;
		margin-bottom: 50px;
		width: 89%;
	}

	.privacy-header h1 {

		font-size: 2.8rem;
		font-weight: 800;

		color: #ffffff;

		margin-bottom: 15px;
	}

	.privacy-header p {color: #9ca3af;font-size: 2rem;}

	.privacy-content {width: 94%;}

	.policy-block {padding: 25px;background: rgba(255,255,255,0.03);border-left: 4px solid #4f8cff;border-radius: 14px;transition: all .3s ease;width: 88%;margin-top: 2%;}

	.policy-block:hover {

		transform: translateY(-2px);

		background: rgba(255,255,255,0.06);

		box-shadow:
			0 10px 30px rgba(0,0,0,0.25);
	}

	.policy-block h2 {

		color: #ffffff;

		font-size: 1.85rem;

		margin-bottom: 15px;

		font-weight: 700;
	}

	.policy-block p {

		color: #d1d5db;

		line-height: 1.9;

		font-size: 1.98rem;

		margin-bottom: 12px;
	}

	.policy-block p:last-child {

		margin-bottom: 0;
	}
	.tanzanite-download-btn {
		
		
		/* Layout & Positioning */
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: relative;
		overflow: hidden;
		cursor: pointer;
		border: none;
		border-radius: 20px;
		
		/* Tanzanite Multi-Tone Gradient (Deep Blue, Violet, & Flash of Red-Purple) */
		background: linear-gradient(
			135deg, 
			#1e1b4b 0%,    /* Deep Velvet Midnight */
			#2e1065 30%,   /* Rich Violet */
			#3b0764 65%,   /* Tanzanite Purple */
			#4d078a 100%   /* Vibrant Crystal Flash */
		);
		
		/* Typography */
		font-family: 'Segoe UI', Roboto, system-ui, sans-serif;
		color: #ffffff;
		text-transform: uppercase;
		letter-spacing: 2px;
		
		/* Premium 3D & Depth Shadows */
		box-shadow: 
			inset 0 2px 4px rgba(255, 255, 255, 0.4),
			0 10px 30px rgba(46, 16, 101, 0.5),
			0 15px 40px rgba(0, 0, 0, 0.3);
		
		/* Smooth Animation Baseline */
		transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}

	/* Typography Hierarchy */
	.tanzanite-download-btn .btn-text {
		font-size: 46px;
		font-weight: 800;
		text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
		margin-bottom: 6px;
	}

	.tanzanite-download-btn .btn-subtext {
		font-size: 19px;
		font-weight: 500;
		color: #c084fc; /* Soft Lavender Accent */
		letter-spacing: 3px;
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	}

	/* Glass/Crystal Sheen Overlay */
	.tanzanite-download-btn::before {
		content: '';
		position: absolute;
		top: 0;
		left: -150%;
		width: 100%;
		height: 100%;
		background: linear-gradient(
			90deg,
			transparent,
			rgba(255, 255, 255, 0.25),
			transparent
		);
		transform: skewX(-30deg);
		transition: all 0.7s ease;
	}

	/* Hover State: Gemstone Flare & Lift */
	.tanzanite-download-btn:hover {
		transform: translateY(-5px);
		box-shadow: 
			inset 0 2px 6px rgba(255, 255, 255, 0.6),
			0 20px 40px rgba(77, 7, 138, 0.6),
			0 25px 50px rgba(0, 0, 0, 0.4);
		filter: brightness(1.15);
	}

	/* Hover Trigger for Crystal Sheen Sweep */
	.tanzanite-download-btn:hover::before {
		left: 150%;
	}

	/* Active State: Pressed Gemstone Effect */
	.tanzanite-download-btn:active {
		transform: translateY(2px);
		box-shadow: 
			inset 0 4px 10px rgba(0, 0, 0, 0.8),
			0 5px 15px rgba(46, 16, 101, 0.4);
		filter: brightness(0.9);
	}


	#download2Btn{
		/* Exact Required Dimensions */
		width: 434px;
		height: 112px;
		float:left;
		margin-left:28.2%;
		margin-top: -10.2%;
	}
	#get-started-btn{
		float:right;
		margin-right:11%;
		width: 78.1%;
		margin-top: -27.5%;
		height: 84px;
		border-radius: 7px;
		font-size: 38px;
	}

	.chrome-button {
		/* Layout & Sizing */
		
		
		/* Typography */
		font-family: 'Segoe UI', Roboto, sans-serif;
		font-size: 14px;
		font-weight: 600;
		color: #2c3e50;
		text-transform: uppercase;
		letter-spacing: 1px;
		
		/* Metallic Chrome Gradient Background */
		background: linear-gradient(
			180deg, 
			#ffffff 0%, 
			#eaeaea 40%, 
			#cccccc 45%, 
			#ffffff 55%, 
			#a1a1a1 100%
		);
		
		/* Borders & Curved Corners */
		border: 1px solid #999999;
		border-radius: 6px;
		cursor: pointer;
		user-select: none;
		
		/* 3D Sleek Effects */
		box-shadow: 
			inset 0 1px 0 rgba(255, 255, 255, 0.8),
			0 4px 6px rgba(0, 0, 0, 0.15);
		
		/* Smooth Animation */
		transition: all 0.2s ease-in-out;
	}

	/* Hover State: Subtle Glow & Lift */
	.chrome-button:hover {
		box-shadow: 
			inset 0 1px 0 rgba(255, 255, 255, 0.8),
			0 6px 12px rgba(0, 0, 0, 0.2),
			0 0 10px rgba(255, 255, 255, 0.5);
		transform: translateY(-1px);
		filter: brightness(1.05);
	}

	/* Active State: Pressed Down Effect */
	.chrome-button:active {
		box-shadow: 
			inset 0 2px 4px rgba(0, 0, 0, 0.2),
			0 1px 2px rgba(0, 0, 0, 0.05);
		transform: translateY(1px);
		background: linear-gradient(
			180deg, 
			#dcdcdc 0%, 
			#c8c8c8 40%, 
			#b4b4b4 45%, 
			#e1e1e1 55%, 
			#8e8e8e 100%
		);
	}


	#bottom-section{
		float:left;
		width:95.5%;
		height: 5%;
		background:black;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 2rem;
		margin-top: 3%;
	}
	.footer-links {
	  display: flex;
	  gap: 1.5rem;
	}

	.footer-link {
	  color: #4a5568;
	  text-decoration: none;
	  transition: color 0.2s ease;
	  font-size: 24px;
	}

	.footer-link:hover {
	  color: #3182ce;
	}
	.tanzanite-button-container {
		/* Layout & Sizing matching your structural needs */
		width: 420px;
		height: 160px;
		display: flex;
		align-items: center;
		padding: 0 30px;
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
		
		/* Styling & Shape */
		cursor: pointer;
		user-select: none;
		border-radius: 24px;
		border: 1px solid rgba(255, 255, 255, 0.15);
		
		/* Tanzanite Metallic Gemstone Gradient */
		background: linear-gradient(
			135deg, 
			#1c1a44 0%, 
			#2d1264 40%, 
			#431384 70%, 
			#631ca4 100%
		);
		
		/* 3D Depth Shadows */
		box-shadow: 
			inset 0 2px 4px rgba(255, 255, 255, 0.3),
			0 8px 24px rgba(45, 18, 100, 0.4),
			0 16px 40px rgba(0, 0, 0, 0.3);
			
		/* Smooth State Animations */
		transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), 
					box-shadow 0.3s ease, 
					filter 0.3s ease;
	}

	/* Perfect Circle Logo Fitting */
	.logo-wrapper {
		width: 70px;
		height: 70px;
		border-radius: 50%;
		overflow: hidden;
		flex-shrink: 0;
		margin-right: 25px;
		background: rgba(255, 255, 255, 0.05);
		box-shadow: 
			0 0 0 3px rgba(255, 255, 255, 0.2),
			inset 0 2px 8px rgba(0, 0, 0, 0.4);
		align-items: center;
		justify-content: center;
		position: relative;
		z-index: 2;
	}

	.logo-img {
		width: 100%;
		height: 100%;
		object-fit: cover; /* Ensures image fills the circle without warping */
	}

	/* Typography Configuration */
	.text-container {
		display: flex;
		flex-direction: column;
		z-index: 2;
	}

	.main-text {
		font-family: 'Segoe UI', Roboto, sans-serif;
		font-size: 20px;
		font-weight: 800;
		color: #ffffff;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
		line-height: 1.1;
	}

	.sub-text {
		font-family: 'Segoe UI', Roboto, sans-serif;
		font-size: 19px;
		font-weight: 600;
		color: #d8b4fe; /* Lavender crystal accent color */
		letter-spacing: 2px;
		text-transform: uppercase;
		margin-top: 4px;
		text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	}

	/* Sparkles & Glitter Layer */
	.sparkle {
		position: absolute;
		color: #fff;
		opacity: 0;
		font-size: 18px;
		pointer-events: none;
		z-index: 3;
		text-shadow: 0 0 8px #fff, 0 0 15px #c084fc;
	}

	/* Continuous Floating Sparkle Animations */
	.sp-1 { top: 20px; left: 140px; animation: twinkle 3s infinite 0.5s; }
	.sp-2 { bottom: 25px; right: 40px; animation: twinkle 2.5s infinite 1.2s; }
	.sp-3 { top: 35px; right: 120px; animation: twinkle 3.5s infinite 0s; }

	@keyframes twinkle {
		0%, 100% { transform: scale(0.3) rotate(0deg); opacity: 0; }
		50% { transform: scale(1.2) rotate(90deg); opacity: 0.9; }
	}

	/* Hidden Shimmer Sweep Layer */
	.tanzanite-button-container::before {
		content: '';
		position: absolute;
		top: 0;
		left: -150%;
		width: 100%;
		height: 100%;
		background: linear-gradient(
			90deg,
			transparent,
			rgba(255, 255, 255, 0.25),
			transparent
		);
		transform: skewX(-25deg);
		transition: left 0.6s ease;
		z-index: 2;
	}

	/* Background Ambient Glow */
	.glow-aura {
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
		background: radial-gradient(circle inside, rgba(168, 85, 247, 0.4) 0%, transparent 70%);
		opacity: 0;
		transition: opacity 0.4s ease;
		z-index: 1;
	}

	/* Interactive States mimicking native buttons */
	.tanzanite-button-container:hover {
		transform: translateY(-4px);
		filter: brightness(1.1);
		box-shadow: 
			inset 0 2px 4px rgba(255, 255, 255, 0.5),
			0 12px 30px rgba(99, 28, 164, 0.5),
			0 20px 50px rgba(0, 0, 0, 0.4);
	}

	.tanzanite-button-container:hover::before {
		left: 150%;
	}

	.tanzanite-button-container:hover .glow-aura {
		opacity: 1;
	}

	.tanzanite-button-container:active {
		transform: translateY(2px);
		filter: brightness(0.9);
		box-shadow: 
			inset 0 4px 12px rgba(0, 0, 0, 0.6),
			0 4px 10px rgba(45, 18, 100, 0.3);
	}

	/* Keyboard accessibility outline */
	.tanzanite-button-container:focus-visible {
		outline: 3px solid #c084fc;
		outline-offset: 3px;
	}

	#downloadBtn{
		float:left;
		width: 30%;
		height: 291px;
		margin-left: 35%;
		margin-top: -302px;
		margin-bottom: 0px;
		border-radius: 50%;
	}
	#consoles{
		width: 100%;
		height: 100%;
		position:fixed;
		float:left;
		display: none;
		opacity: 0;
	}

	#top-image{
		
		float:left;
		width:100%;
		
		margin-bottom: 0px;
	}
	#second-image{
		
		float:left;
		width:100%;
		
		margin-top: 6px;
	}
	#third-image{
		
		float:left;
		width:100%;
		
		margin-top: 6px;
	}
		
	/*loading window elements*/

	div#loadingWindow{
		float:left;
		margin-left: 36%;
		border-radius:12px;
		box-shadow: 0px 3px 7px;
		transition: all linear 120ms;
		background:white;
		position:fixed;
		opacity: 0;
		padding-bottom: 3%;
		margin-top: 300%;
		transition: all linear 700ms;
	}

	img#loadingIcon{
		float: left;
		width: 100px;
		margin-left: 37%;
		margin-top: 7%;
	}

	p#loadingText{
		float:left;
		width:100%;
		padding:0px;
		margin-top:2%;
		margin-bottom:0px;
		font-weight:bold;
		font-size: 33px;
		color:#376ca8;
		text-align: center;
	}

	/*loading window elements*/
		

	/*Alert Dialog Box*/

	div#alertDialogBox{
		float: left;
		width: 54%;
		box-shadow: 0px 3px 7px;
		background: white;
		margin-top: 300%;
		margin-left: 22%;
		border-radius: 12px;
		opacity:1;
		display: block;
		transition: all linear 400ms;
		position: fixed;
		margin-right: 22%;
	}

	p#alertMessage{
		float:left;
		width: 90%;
		padding: 0;
		margin-top: 5%;
		margin-bottom:0px;
		font-weight: bold;
		color: #376ca8;
		text-align: center;
		margin-left:5%;
		font-size: 36px;
	}

	button#closeAlertBtn{
		float: left;
		width: 40%;
		margin-left: 30%;
		margin-top: 5%;
		margin-bottom: 5%;
		font-size: 36px;
	}

	/*List Dialog Box*/

	div#listDialogBox{
		
		float: left;
		width: 49%;
		height: 76%;
		margin-left: 25%;
		margin-top: 300%;
		background: white;
		box-shadow: 0px 3px 7px;
		border-radius: 24px;
		transition: all linear 400ms;
		position: fixed;
		opacity: 0;
		display:none
	}

	.selectListItem{
		font-size : 24px;
	}

	ul#generalListing{
		float: left;
		margin-left: 10%;
		width: 80%;
		height: 94%;
		margin-top:4%;
		overflow-y: scroll;
		padding: 0px;
		margin-left: 10%;
	}

	p#selectMessage{
		float: left;
		width: 100%;
		margin-top: 5%;
		padding: 0px;
		margin-bottom: 0px;
		font-weight:bold;
		font-size: 33px;
		color: #376ca8;
		text-align: center;
	}

	/*Paypal Proceed Window*/

	div#paypalProceedWindow{
		
		float:left;
		width: 69%;
		height: 66%;
		margin-left: 17%;
		margin-top: 300%;
		background: #f0a900;
		position:fixed;
		opacity: 0;
		transition: all linear 700ms;
		
		border-radius: 24px;
		box-shadow: 0px 3px 7px;
		overflow-y: scroll;
	}

	p#header_instruction{
		
		float:left;
		width: 80%;
		margin-left: 10%;
		margin-top: 2%;
		color: #376ca8;
		font-weight: bold;
		font-size: 16px;
		
		text-align: center;
	}

	img#paypalLogo{
		
		float:left;
		width: 28%;
		margin-left: 36%;
		margin-top: 0%;
		background: white;
		border-radius: 13px;
		
		box-shadow: 0px 3px 13px;
		padding: 1%;
	}

	div#initPaymentProcess{
		
		float:left;
		width: 20%;
		margin-left: 36%;
		margin-top: 5%;
		
		margin-bottom: 7px;
	}

	/*DIALOG BACKGROUND*/

	div#dialogBackground{
		float:left;
		width: 102%;
		height: 107%;
		position: fixed;
		z-index: 3;
		background: #00000078;
		opacity: 0;
		display: block;
		visibility:hidden;
		transition: all linear 400ms;
		margin-left: -1%;
	}

	img#closeBtn{
		float:left;
		margin-left: 1%;
		margin-top: 2%;
		width: 75px;
	}

	/*Prompt Dialog Box*/

	div#promptDialog{
		
		float: left;
		width: 48%;
		box-shadow: 0px 3px 7px;
		border-radius: 12px;
		margin-top: 300%;
		margin-left: 26%;
		display: block;
		opacity:1;
		background: white;
		transition: all linear 400ms;
		position: fixed;
	}

	p#promptText{
		
		float: left;
		width: 95%;
		margin-top: 8%;
		margin-bottom: 10px;
		padding: 0;
		font-weight: bold;
		color: #376ca8;
		text-align: center;
		
		font-size: 141%;
		margin-left: 2.5%;
	}

	button#yesBtn{
		
		float:left;
		width: 20%;
		margin-left: 25%;
		margin-top: 4%;
		
		margin-bottom: 6%;
	}

	button#noBtn{
		
		float:left;
		width: 20%;
		margin-left: 10%;
		
		margin-top: 4%;
	}

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

	*{
		transition: all linear 300ms;
		cursor: pointer;
		outline: none;
		font-family: Calibri;
		color: #a09a9a;
		-webkit-tap-highlight-color: transparent;
	}

	.btnClassOne{
		height: 20px;
		border-radius: 12px;
		border: 3px solid white;
		color: black;
		background: white;
		font-weight:bold;
	}

	.btnClassTwo{
		height: 67px;
		border-radius: 12px;
		border: 3px solid black;
		color: black;
		background: none;
		font-weight:bold;
		margin-bottom: 3%
	}

	.btnClassThree{
		height: 30px;
		border-radius: 12px;
		border: 3px solid black;
		color: white;
		background: black;
		font-weight:bold;
		margin-bottom: 3%
	}



	.inputHeader{
		float:left;
		width: 70%;
		font-size: 26px;
		color: #376ca8;
		font-weight: bold;
		margin-top: 2%;
		margin-left: 5%;
		margin-right: 7%;
		text-decoration: underline;
	}
	.inputHeader3{
		float:left;
		width: 70%;
		font-size: 25px;
		color: #376ca8;
		font-weight: bold;
		margin-top: 4%;
		margin-left: 15%;
		margin-right: 15%;
		text-decoration: underline
	}
	.infoHeader{
		float:left;
		width: 70%;
		font-size: 24px;
		color: #000000;
		font-weight: bold;
		margin-top: -2%;
		margin-left: 15%;
		margin-right: 15%;
		margin-bottom: 0px;
	}



	.descriptionHeader{
		float:left;
		width: 70%;
		font-size: 16px;
		color: gray;
		font-weight: bold;
		margin-top: -2%;
		margin-left: 15%;
		margin-right: 15%;
		margin-bottom: 0px;
	}

	#breakdown-list{
		width: 70%;
		margin-top: 2%;
		margin-left: 15%;
		margin-right: 15%;
	}

	.inputHeader2{
		float:left;
		font-size: 18px;
		color: #376ca8;
		font-weight: bold;
		float: left;
	}
		
		.infoDetailsOne{
			float:left;
			margin-left: 5%;
			margin-top: 0.3%;
			font-size: 20px;
		}

	.textAreaInput{
		float:left;
		width: 70%;
		font-size: 18px;
		color: #376ca8;
		font-weight: bold;
		margin-top: 2%;
		margin-left: 15%;
		margin-right: 15%;
		border: 2px solid black;
		border-radius: 7px
	}

	.inputClass{
		height: 30px;
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
		margin-top: 3%;
		border-left: none;
		border-right: none;
		border-top: none;
		border-bottom: 3px solid #376ca8;
		color: #376ca8;
		font-weight:bold;
	}

	.inputClassThree{
		height: 20px;
		width: 82%;
		margin-left: 5%;
		margin-right: 15%;
		margin-top: 1.5%;
		border-left: none;
		border-right: none;
		border-top: none;
		border-bottom: 3px solid #376ca8;
		color: #376ca8;
		font-weight:bold;
		font-size: 28px;
	}

	.inputClassTwo{
		height: 30px;
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
		margin-top: 3%;
		border-left: none;
		border-right: none;
		border-top: none;
		border-bottom: 3px solid #376ca8;
		color: #376ca8;
		font-weight:bold;
		text-align: center
	}

	/*Headers*/

	#headerText1{
		float:left;
		color: white;
		font-weight: bold;
		font-size: 46px;
		margin-left:1%;
		margin-top: 1%;
		font-family: Impact;
		margin-right: 47%;
		width: 51%;
		text-shadow: 3px 3px 15px black;
	}
	#headerText2{
		float:left;
		font-weight: bold;
		color: white;
		font-size: 232%;
		margin-left:1%;
		margin-top: -3%;
		margin-right: 41%;
		font-family: Impact;
		color: white;
		text-shadow: 2px 1px 0px black;
	}

	#headerText3{
		float:left;
		color: white;
		font-weight: bold;
		font-size: 20px;
		margin-left:1%;
		margin-top: 1%;
		width: 30%;
		margin-right: 50%;
		font-family: Calibri
	}

	/*Headers*/

	/*General Elements*/

	body{
		height: 100%;
		overflow: hidden;
		z-index:0;
		margin-top: 0%;
		background-image: url("../Images/background_image.png");
		background-repeat:no-repeat;
		background-size: cover;
		opacity: 0
	}

	#header{
		height: 95px;
		width: 98%;
		position: fixed;
		float: left;
		background: #376ca8;
		border: solid 2px white;
		margin: -0.7%;
		margin-top: 0.5%;
		z-index:10;
		display:none;
		opacity:0;
		margin-left: 0%;
	}

	#menuBtn{
		width: 8.5%;
		float:left;
		margin-left: 1%;
		margin-top: 7px;
	}

	#logo{
		width: 280px;
		margin-top: 0.5%;
		margin-left: 28%;
	}

	#mainSection{
		width: 100%;
		height: 100%;
		margin-top: 0px;
		position: fixed;
	}


	#WelcomeScreen{
		width: 100%;
		height: 100%;
		float:left;
		margin-top: 0px;
		overflow-y: scroll;
		z-index: 9;
		display: block;
		opacity: 1;
		overflow-x: hidden;
		margin-left: -1%;
	}


	/*General Elements*/


	/*Admin section*/
	#addAdminSection{
		width: 100%;
		height: 100%;
		float: left;
		display: none;
		opacity:0;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	#adminInit{
		width: 20%;
		margin-left: 40%;
		height: 7%;
		margin-top: 7%;
		margin-bottom: 7%;
	}

	/*Forgot password section*/

	#forgotPasswordSection{
		width: 100%;
		height: 100%;
		float: left;
		display: none;
		opacity:0;
		overflow-y: hidden;
		overflow-x: hidden
	}

	p#forgotPassword_header{
		float:left;
		margin-right: 10%;
		margin-left: 10%;
		width: 80%;
		text-align: center;
		font-weight: bold;
		font-size: 98%;
		margin-top:3%;
		color:#376ca8
	}
		
		#verifyEmail_forgotPassword{
			width: 20%;
			margin-left: 40%;
			margin-top: 5%
		}

	/*User Login Section*/

	#forgotPasswordBtn{
		float:left;
		margin-left: 28%;
		font-weight: bold;
		font-size: 35px;
		color: #376ca8;
		margin-top: 5%;
	}

	#loginAdminHolder{
			width: 100%;
			margin-top:2%;
			float:left
	}
	#adminBtn{
		float: left;
		margin-top: 1%;
		background: none ;
		color: #376ca8;
		border-radius: 12px;
		border: solid 2px #376ca8;
	}

	#userLoginSection{
		width: 100%;
		height: 100%;
		float: left;
		display: none;
		opacity:0
	}


	#loginInit{
		float:left;
		width: 20%;
		margin-left: 40%;
		margin-top: 7%
	}


	/*User Login Section*/

	/*Add User Section*/

	#addNewCustomerSection{
		width: 100%;
		height: 100%;
		float: left;
		display: none;
		opacity:0;
		overflow-y: scroll;
		overflow-x: hidden
	}
	#addNewTesterSection{
		width: 93%;
		height: 100%;
		float: left;
		display: none;
		opacity:0;
		overflow-y: scroll;
		overflow-x: hidden;
		background: #2f2f4b;
	}
	#addUserInit{
		float:left;
		width: 20%;
		margin-left: 40%;
		margin-top: 7%
	}
	#projectDesc{
		height: 30%;
		font-size: 20px
	}

	#currencyDsp{
		margin-left: 15%;
		font-size: 46px; 
		margin-top: 0px;
		margin-bottom: 0px;
	}

	#amountInput{
		width: 25%;
		margin-left: 2%;
		margin-right: 0px;
		
		margin-top: 0px;
		font-size: 30px;
	}

	#payInput{
		float:left;
		width: 100%;
		
	}

	#amountDsp{
		margin-left: 1%;
		font-size: 46px; 
		margin-top: 0px;
		margin-bottom: 0px;
		color:black
	}

	#jobOptions{
		width: 52%;
		float: right;
		margin-right: 12%;
		font-size: 20px;
		background: none;
		border: 3px solid #376ca8;
		border-radius: 12px;
		text-align: center;
	}

	.jobOptionType{
		color: #376ca8;
		font-size: 18px;
		margin-left: 5%;
		margin-right: 12%
	}

	.addOptions{
		float: left;
		color: #376ca8;
		font-size: 22px;
		margin-left: 12%;
		margin-top: 1%;
	}
	.addOptionsText{
		float: left;
		color: #376ca8;
		font-size: 22px;
		margin-left: 1%;
		width: 82%;
		margin-top: 0px;
	}

	#addOptionsHolder1{
		float:left;
		width: 100%;
		opacity: 1;
		display:block;
		margin-top: 7%;
	}

	#contactNumberInput{
		
		float:left;
		width:100%
		
	}

	#countrySelectHolder{
		height: 40px;
		border-radius: 20px;
		background: #376ca8;
		text-align: center;
		font-weight: bold;
		font-size:20px;
		margin-left: 5%;
		margin-top: 2%;
		float: left;
		color: white;
		width: 50%;
		box-shadow: 0px 0px 7px black
	}
		
	#countrySelected{
		margin-top: 8px;
		color: white;
		padding: 0px;
		margin-bottom: 0px;
	}

	#addOptionsHolder2{
		width: 100%;
		float:left;
		margin-top: 2%;
		margin-bottom: 10%;
		opacity:0;
	}

	#freeHostingAdd{
		float: left;
		color: #376ca8;
		width: 100%;
		text-align: center;
		font-size: 20px;
		margin:0px
	}

	/*Add User Section*/

	/*Animated Menu*/

	#menu-shape{
		float:left;
		border-radius: 7px;
		box-shadow: 0px 0px 12px black;
		background:white;
		position:fixed;
		z-index:7;
		margin-top: 7%;
		width: 38%;
		height: 0px;
		height: 0px;
		display:none;
		opacity:0
	}
	#menu-list{
		width: 86%;
		margin-top: 29%;
		list-style-type: none;
		display:none;
		opacity:0
	}

	.menuItem{
		font-size: 36px;
		transition: all linear 70ms;
		margin-top: 12%;
	}

	.menuItem:hover{
		font-size: 24px;
		transition: all linear 70ms;
		color:#376ca8
	}

	.bItem{
		font-size: 20px;
		transition: all linear 70ms
	}

	.bItem:hover{
		font-size: 25px;
		transition: all linear 70ms;
		color:#376ca8
	}

	/*Animated Menu*/

	/*Review Section*/
	#cancelBtnHlder{
		width: 100%;
		float:left;
		margin-top: 7%
	}
	#cancelIcon{
		float:left;
		width: 50px;
		margin-left: 15%;
		
	}
	#cancelText{
		float:left;
		font-weight: bold;
		color:black;
		margin-left: 2%;
		font-size: 40px;
		margin-top: 1px;
	}
	#quickFeedBack{
		float:left;
		width:20%;
		margin-left: 15%;
		margin-top: 7%;
	}
	#adminActiveHolder{
		width: 32%;
		text-align: center;
		color: grey;
		float: left;
		margin-left: 14%;
		margin-top: 5%;
		background: #00000059;
		border-radius: 96px;
		margin-right: 56%;
	}

	#adminActiveIcon{
		width: 30px;
		height: 30px;
		text-align: center;
		color: grey;
		float: left;
		margin-left: 7%;
		margin-top: 6.3%;
		margin-bottom: 5%;
		border-radius: 15px;
		background: #00000061;
	}
	#adminActiveText{
		width: ;
		text-align: center;
		color: #4f4848;
		float: left;
		margin-left: 4%;
		margin-top: 5%;
		font-size: 29px;
		margin-bottom: 6%;
	}

	#payForJobNow{
		width: 20%;
		height: 56px;
		float:left;
		margin-left: 15%;
		margin-top: 5%;
		margin-right: 24%;
	}

	#reviewSection{
		width: 100%;
		height: 100%;
		float: left;
		display: none;
		opacity:0;
		overflow-y: scroll;
		overflow-x: hidden
	}

	#reviewIns{
		
	}

	#pInfoHeader{
		float:left;
		width: 100%;
		text-align: center;
		font-size: 22px;
		color: #376ca8;
		font-weight: bold;
		margin-top: 2%;
		text-decoration: underline;
	}

	#updatesContainer{
		width: 100%;
		margin-left: 0%;
		margin-right: 0px;
		margin-top:0%;
		float:left
	}



	.updateCloud{
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
		margin-top: 2%;
		margin-bottom: 2%;
		border-radius: 12px;
		box-shadow: 0px 0px 7px black;
		background: white;
		height: 368px;
	}

	.updateCloud2{
		width: 70%;
		height: 304px;
		margin-left: 15%;
		margin-right: 15%;
		margin-top: 2%;
		margin-bottom: 2%;
		border-radius: 12px;
		box-shadow: 0px 0px 7px black;
		background: white
	}

	/*Cloud Component*/

	.infoHeaderOne{
	  width: 90%;
		margin-left: 5%;
		margin-right: 10%;
		float:left;
		font-weight: bold;
		color: #376ca8;
		font-size: 20px;
		margin-top: 2%;
		margin-bottom: 0%;
		float:left
			
	}

	.infoDetailOne{
		width: 90%;
		margin-left: 5%;
		margin-right: 10%;
		float:left;
		font-weight: bold;
		color: #000000;
		font-size: 16px;
		margin-top: 0.5%;
		margin-bottom: 0%;
	}

	.infoDateHeader{
		width: 90%;
		margin-left: 5%;
		margin-right: 10%;
		float:left;
		font-weight: bold;
		color: gray;
		font-size: 16px;
		margin-top: 0.5%;
		margin-bottom: 0%;
		text-align:right
	}

	.fileDownloadBtn{
		border: 3px solid gray;
		background:none;
		font-weight: bold;
		font-size: 20px;
		color:gray;
		border-radius:7px;
		margin-left:5%;
		float:left;
		width: 200px;
		height: 35px;
	}

	.infoInsHeader{
		width: 90%;
		margin-left: 5%;
		margin-right: 10%;
		float:left;
		font-weight: bold;
		color: gray;
		font-size: 16px;
		margin-top: 0.5%;
		margin-bottom: 0%;
		text-align:center
	}

	.infoDeleteBtn{
		float:right;
		width:20px;
		margin-right: 1%;
		margin-top: 1%;
	}

	/*Overview Section*/
	#updatesHeader{
		float: left;
		margin-top: 7%;
	}

	#projectsOverview{
		width: 100%;
		height: 100%;
		float: left;
		display: none;
		opacity:0;
		overflow-y: scroll;
		overflow-x: hidden
	}

	#projectsContainer{
		width: 100%;
		margin-left: 0%;
		margin-right: 0px;
		margin-top:0%;
		float: left;
	}

	/*Feedback Section*/
	#provideFeedBack{
		width: 100%;
		height: 100%;
		float: left;
		display: none;
		opacity:0;
		overflow-y: scroll;
		overflow-x: hidden
	}

	#messageInputfdback{
		height: 30%
	}

	#sendFeedBack{
		height: 42px;
		border-radius: 12px;
		border: 3px solid black;
		color: black;
		background: white;
		font-weight:bold;
		width: 20%;
		margin-left: 40%;
		margin-top: 5%;
	}

	/*Update Section*/
	#provideUpdate{
		width: 100%;
		height: 100%;
		float: left;
		display: none;
		opacity:0;
		overflow-y: scroll;
		overflow-x: hidden
	}
	#sendUpdate{
		width: 40%;
		margin-left: 30%;
		margin-top:6%;
		margin-bottom: 5%;
		font-size: 20px;
		height: 8%;
		border-radius: 32px;
	}
	#messageInputUpdate{
		height: 30%
	}

	#selectFiles{
		width: 20%;
		margin-left: 40%;
		margin-top:2%;
		height: 8%;
		margin-right: 40%;
	}
	#sendFeedBack{
		width: 20%;
		margin-left: 40%;
		margin-top:2%;
		margin-bottom: 5%;
	}

	#fileNameDsp{
		width: 80%;
		margin-left: 10%;
		text-align: center;
		font-size: 20px;
		opacity: 1;
		font-weight: bold;
		margin-top:5%;
		float: left;
	}
		
		#screenshotsDsp{
			margin-left: 15%;
			margin-right: 60%
		}
		#screenshotsDelete{
			margin-left: 15%;
			margin-right: 60%;
			font-size: 14px;
			margin-top: -1%;
			font-weight: lighter;
		}
		
		#selectSecreenImage{
			float: left;
			width: 20%;
			height: 7%;
			background: none;
			border: 3px solid black;
			border-radius: 12px;
			color:black;
			margin-left:40%;
			margin-top:2%
		}
		
		#selectSecreenImage:hover{
			float: left;
			width: 20%;
			height: 7%;
			background: black;
			border: 3px solid black;
			border-radius: 12px;
			color:white
		}
		
	/*Payment Section*/

	#payInFullHolder{
		float: left;
		width: 100%;
		margin-top: 3%
	}

	#payment-section{
		width: 100%;
		height: 100%;
		float: left;
		display: none;
		opacity:0;
		overflow-y: scroll;
		overflow-x: hidden
	}

	#Rules{
		margin-top: 7%
	}

	.prItem{
		float:left;
		font-size: 20px;
		margin-top:1%;
		margin-bottom:1%
	}
	.prItem:hover{
		float:left;
		font-size: 25px;
		margin-top:1%
	}

	#paymentsRulesListHolder{
		width: 90%;
		margin-left: 5%;
		margin-top:2%;
		border: 2px solid black;
		border-radius: 12px;
		float: left;
	}
	#paymentsRulesList{
		width: 100%;
		height: 100%;
	}

	#Rules{
		font-size: 40px
	}

	#payBubble{
		Float: left
	}

	#openPaypalBtn{
		Float: left;
		width: 20%;
		margin-left: 40%
	}
}