div { 
		margin: 0; 
		padding: 0; 
		
	}
	html,body{
		width: 100%;
		height: 100%;
		scroll-behavior: smooth;
	}
	h1{
		text-align:center;
		color:#606060;
		font-size: largest;
	}
	body {
		font-family: Arial, Helvetica, sans-serif;
		color:#d0d0d0;
		vertical-align: center;
		width:100%;
		overflow:hidden;
		margin: 0;
	}
	iframe{
		height:200px;
	}
	.website{
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		height: 0;
		width: 0;
		z-index: -1;
	}
	.header {
		height: 80px;
	}
	.banner {
		width:100%;
		height: 50px;
		background-image: radial-gradient(#3B9AA1 15%, #7EBA78 40%);	
	}
	.button {
		display: inline-flex;                     /* Ensure the button stays inline and properly sized */
		justify-content: center;                  /* Horizontally center the content */
		align-items: center;                      /* Vertically center the content */
		min-width: 150px;                         /* Minimum width of the button */
		height: 48px;                             /* Fixed height for consistency */
		padding: 0 16px;                          /* Horizontal padding for content spacing */
		margin: 1px;                              /* Small margin around the button */
		text-align: center;                       /* Text alignment */
		background-image: radial-gradient(circle at top, #2E74B5, #183e60); /* Button gradient background */
		color: #fafafa;                           /* Light text color */
		border-radius: 5px;                       /* Rounded corners */
		border: none;                             /* Remove border */
		cursor: pointer;                         /* Pointer cursor on hover */
		text-decoration: none;                    /* Remove underline from any links */
		font-size: 16px;                          /* Font size */
		line-height: 1;                           /* Adjust line-height for vertical alignment */
		box-sizing: border-box;                   /* Ensure padding and margin do not affect layout */
		transition: background 0.3s ease, transform 0.1s ease; /* Smooth transition for background color and scale */
	}

	.button:hover {
		background-image: radial-gradient(circle at top, #84c851, #7EBA78); /* Green gradient on hover */
	}
	.button:active {
		transform: scale(0.98);                   /* Slightly shrink the button when clicked */
	}

	.button:focus {
		outline: none;                            /* Remove outline when focused */
		box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2); /* Focus shadow for accessibility */
	}
	.badge {
		width:240px;
		float:left;
		margin:0 2px;
		text-align:center;
		background-image: radial-gradient(circle at top, #2E74B5, #183e60);
		color:#fafafa;
		border-radius:5px;
		font-size:smaller;
	}
	.badge:hover {
		background-image: radial-gradient(circle at top, #7EBA78, #84c851);
		color:#fafafa;
	}
	.bar {
		height: 3px;
		float:left;
		width:990px;
		margin:0;
		margin-top:10px;
		background-color:#2E74B5 ;
		
	}
	.section {
		float:left;
		width:990px;
		min-height:240px;
		height: inherit;
	}
	.onefifths{
		float:left;
		width:198px;
		min-height:40px;
	}
	.twofifths{
		float:left;
		width:396px;
		min-height:40px;
	}
	.threefifths{
		float:left;
		width:594px;
		min-height:40px;
	}
	.fourfifths{
		float:left;
		width:792px;
		min-height:40px;
	}
	.onefourths{
		float:left;
		width:242px;
		min-height:40px;
	}
	.twofourths{
		float:left;
		width:485px;
		min-height:40px;
	}
	.threefourths{
		float:left;
		width:727px;
		min-height:40px;
	}
	.onethirds{
		float:left;
		width:323px;
		min-height:40px;
	}
	.twothirds{
		float:left;
		width:647px;
		min-height:40px;
	}
	.text{
		color:#606060;
		padding:15px;
	}
	
	.textbox{
		min-height:360px;
		max-width:300px;
		background-color:#EAEAE9;
		border-radius:10px;
		color:#606060;
		margin:0 20px;
		padding:15px;
		text-align:center;
	}
	
	.main {
		width:990px; 
		margin:0 auto;
		overflow-x:hidden;
		overflow-y:auto;
		height: calc(100% - 180px);
		scroll-behavior: smooth;
	}
	
	.footer {
		text-align: center;
		width:100%;
		height: 50px;
		vertical-align: center;
		background-color:#2E74B5 ;
		color:#eeeeee;
		position:absolute;
		left:0;
		bottom:0;
	}
	img {
	
	}
	label
	{
		font-size:smaller;
	}
	input,textarea
	{
		width:345px
	}
	.logo{
		align-items:middle;
		
	}
	.wrapper{
		width:990px;
		height:1px;
		margin: 0 auto;
	}
	.clear{width: 100%; clear: both; height: 1px; line-height:1px;
	}
	.g-recaptcha {
		margin-top: 15px;
		margin-bottom: 15px;
		display: flex;
		justify-content: center;
	}
	@import url('https://fonts.googleapis.com/css2?Roboto&display=swap');
	.btn {
    cursor: pointer;
    font-family: system-ui;
    font-size: 14px;
    color: #fafffc;
    padding: 10px 30px;
    width: 335px;
    border-radius: 12px;
    border: 2px solid rgb(0, 65, 204);
    background: linear-gradient(32deg, rgb(0, 102, 204) 0%, rgb(0, 204, 41) 100%);
    box-shadow: -4px 5px 25px 5px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
	}

	.btn:hover {
		background: rgb(0, 102, 204);
		border-color: rgb(0, 204, 10);
		color: #fff;
		width: 305px;
		border-width: 2.4px;
		background-image: radial-gradient(circle at top, #84c851, #7EBA78); /* Green gradient on hover */
	}