table {
			border-collapse: collapse;
			width: 100%;
			}
			
			th, td {
			border: 1px solid #dddddd;
			text-align: left;
			padding: 8px;
			}
			
			th {
			background-color: rgba(192, 192, 192, 0.6);
			}

			
			tr:hover {
			background-color: rgba(192, 192, 192, 0.3);
			}
			
			
			body {
            margin: 0;
            font-family: 'Roboto', sans-serif;
			}
			
			
			
			.top {
            display: flex;
            flex-direction: row;
			flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            background-image: url("cnc.jpeg");
            background-repeat: repeat;
            background-size: contain;
            color: #FFF;
            min-height: 10vh; /* adjust as needed */
            position: relative;
			}
			
			
			.bottom {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			background: #F5F3FD; 
			color: #000; /* Set text color to black */
			min-height: 5vh; /* adjust as needed */
			position: relative;
			}
			
			.top::after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.5);
			}
			
			.navbar, .main, .footer {
            width: 90%;
            margin-bottom: 20px;
            position: relative;
            z-index: 1;
			}
			
			.navbar ul, .footer ul {
            list-style-type: none;
            padding: 0;
            display: flex;
            justify-content: flex-start;
			}
			
			.navbar ul li, .footer ul  li {
            margin-right: 20px;
			}
			
			.navbar {
            margin-top: 10px;
			}

			
			
			.flex-label {
			width: 40%;
			font-size: 1.2em;
			}
			
			.flex-input {
			width: 100%;
			font-size: 1.2em;
			}
	
			@font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 100;
            font-display: fallback;
            src: url('/assets/fonts/roboto-v20-latin-100.eot');
            src: local('Roboto Regular'), local('Roboto-Regular'),
			url('Roboto-Regular.woff2') format('woff2'),
			url('Roboto-Regular.woff') format('woff'),
			url('Roboto-Regular.ttf') format('truetype');
			}
			
			.file-table {
			border-collapse: collapse;
			width: 100%;
			}
			
			.form-field {
			border: 1px solid #dddddd;
			text-align: left;
			padding: 4px;
			margin-bottom: 20px; /* Adjust as needed */
			}
			
			.form-field:hover {
			background-color: rgba(192, 192, 192, 0.3);
			}
			
			.form-field2 {
			border: 1px solid #dddddd;
			text-align: left;
			padding: 8px;
			margin-bottom: 20px; /* Adjust as needed */
			font-size: 1.5em;
			}
			
			.form-field2:hover {
			background-color: rgba(192, 192, 192, 0.3);
			}
			
			.required:after {
			content: "*";
			color: red;
			}

			
			.main-cv {
			display: inline-block;
			background-color: rgba(0, 0, 0, 0.05); /* Set your preferred rgba color */
			color: #FFF; /* Text color */
			border: 1px solid #FFF; /* Thin white border */
			border-radius: 6px; /* Round corners */
			padding: 30px 10px; /* Padding same as the existing button */
			margin-top: 50px;
			width: 40%;
			transition: all 0.3s ease; /* Smooth transition effect */
			cursor: pointer; /* Cursor changes to a hand pointer when hovering over the button */
			user-select: none; /* Avoid text selection inside label */
			text-align: center;
			font-size: 1.5em;
			}
			
			.main-cv:hover {
			background-color: #FFF; /* White background on hover */
			color: rgba(0, 0, 0, 0.5); /* Text color on hover */
			}
			
			.main-send {
			display: inline-block;
			background-color: rgba(0, 0, 0, 0.05); /* Set your preferred rgba color */
			color: #FFF; /* Text color */
			border: 1px solid #FFF; /* Thin white border */
			border-radius: 6px; /* Round corners */
			padding: 20px 10px; /* Padding same as the existing button */
			margin-top: 50px;
			width: 14%;
			transition: all 0.3s ease; /* Smooth transition effect */
			cursor: pointer; /* Cursor changes to a hand pointer when hovering over the button */
			user-select: none; /* Avoid text selection inside label */
			text-align: center;
			font-size: 1.3em;
			}
			
			.main-send:hover {
			background-color: #FFF; /* White background on hover */
			color: rgba(0, 0, 0, 0.5); /* Text color on hover */
			}
			
			.donation-container {
				max-width: 400px;
				margin: 0 auto;
				text-align: center;
			}

			#donation-form {
				margin: 20px 0;
			}

			label, select {
				display: block;
				width: 20%;
				margin: 10px 0;
			}

			select {
				padding: 10px; /* For better readability */
				font-size: 16px; /* To make the text inside larger */
			}
			
			#paypal-button-container {
				margin-top: 20px;
			}

			#thank-you-message {
				color: white;
				font-size: 24px; /* Adjust the size as needed */
				text-align: center;
				margin-top: 20px; /* Adjust the spacing as needed */
			}
			
			.switch-button {
				margin-bottom: 20px;
				margin-top: 20px;
				padding: 10px 20px;
				background-color: #4CAF50;
				color: white;
				border: none;
				cursor: pointer;
				text-decoration: none;
				font-size: 16px; /* Larger text */
				font-weight: bold; /* Bold text */
			}

			.switch-button:hover {
				background-color: #45a049;
			}