body {
	margin: 0;
    padding: 0;
    background: #333333;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Serif;
	text-align: left;
}
	
.wrap {
    overflow: hidden;
    margin: 10px;
}
	
header {
   	position: relative;
	left: 0px;
  	top: 0px;
	width: 100%;
	margin: 0 auto;
	border: none;
	font-family: 'Times', 'Times New Roman', Serif;
	color: #FFFFFF;
	text-shadow: none;
	white-space: nowrap;
	text-align: center;
}

header a:link {
	color: #333333;
	text-decoration: none;
}

header a:visited {
	text-decoration: none;
	color: #333333;
}

header a:hover {
	text-decoration: none;
	color: #FBB040;
}

header a:active {
	text-decoration: none;
}

h1 {
	border: none;
	color: #FFFFFF;
	font-family: 'Times', 'Times New Roman', Serif;
	font-size: 36px;
	font-weight: 500;
	height: auto;
	line-height: 24px;
	white-space: wrap;
	text-align: center;
}

h1 a:link {
	color: #660000;
	text-decoration: none;
}

h1 a:visited {
	text-decoration: none;
	color: #acacac;
}

h1 a:hover {
	text-decoration: none;
	color: #fdad00;
}

h1 a:active {
	text-decoration: none;
}

h2 {
	border: none;
	color: #002D72;
	font-family: 'Times', 'Times New Roman', Serif;
	font-size: 16px;
	font-weight: 900;
	line-height: 20px;
	white-space: wrap;
	text-align: center;
}

h2 a:link {
	color: #0099FF;
	text-decoration: none;
}

h2 a:visited {
	text-decoration: none;
	color: #777777;
}

h2 a:hover {
	text-decoration: none;
	color: #FF0000;
}

h2 a:active {
	text-decoration: none;
}

h3 {
	border: none;
	color: #FFFFFF;
	font-family: 'Times', 'Times New Roman', Serif;
	font-size: 22px;
	font-weight: 100;
	line-height: 24px;
	white-space: wrap;
	text-align: center;
}

h3 a:link {
	color: #FFFFFF;
	text-decoration: none;
}

h3 a:visited {
	text-decoration: none;
	color: #acacac;
}

h3 a:hover {
	text-decoration: none;
	color: #fdad00;
}

h3 a:active {
	text-decoration: none;
}

a:link {color: #FF5910;}
a:visited {color: #777777}
a:hover {color: #002D72}
a:active {color: #FF5910}

img {
	max-width: 100%;
	text-align: center;
}

body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
    margin-bottom: 0;
}

@media only screen and (max-width : 480px) {
    /* Smartphone view: 1 tile */
	.box {
    width: 100%;
    padding-bottom: 100%;
	}
}

@media only screen and (max-width : 767px) and (min-width : 481px) {
    /* Tablet view: 2 tiles */
    .box {
    width: 50%;
    padding-bottom: 50%;
    }
}

@media only screen and (max-width : 1050px) and (min-width : 768px) {
    /* Small desktop / ipad view: 4 tiles */
    .box {
    width: 25%;
    padding-bottom: 25%;
    }
}

@media only screen and (max-width : 1290px) and (min-width : 1051px) {
    /* Medium desktop: 4 tiles */
    .box {
    width: 25%;
    padding-bottom: 25%;
    }
}



.form {
    background: #f1f1f1;
    border-radius: 10px;
    opacity: 0.7;
    margin: 0 auto;
    padding-left: 20px;
    padding-top: 30px;
    max-width: 760px;
}

.form fieldset {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.form p.contact {
    font-size: 12px;
    margin: 0px 0px 10px 0;
    line-height: 14px;
    font-family: 'Times', 'Times New Roman', Serif;
}

.form input[type="text"],
.form input[type="notes"],
.form input[type="email"],
.form input[type="password"],
.form input[type="tel"],
.form textarea {
    width: 95%; /* Ensures all input fields and textarea are the same width */
}

.form label {
    color: #000;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Times', 'Times New Roman', Serif;
}

.form label.month {
    width: 135px;
}

.form input,
textarea {
    background-color: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(122, 192, 0, 0.15);
    padding: 7px;
    font-family: 'Times', 'Times New Roman', Serif;
    color: #4b4b4b;
    font-size: 16px;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-top: -10px;
}

.form input:focus,
textarea:focus {
    border: 1px solid #ff5400;
    background-color: rgba(255, 255, 255, 1);
}

.form .select-style {
    -webkit-appearance: button;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    background-image: url(images/select-arrow.png), 
        -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    background-position: center right;
    background-repeat: no-repeat;
    border: 0px solid #FFFFFF;
    color: #555555;
    font-size: inherit;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form .gender {
    width: 410px;
}

.form input.button {
    background: #333333;
    display: inline-block;
    padding: 4px 8px 5px;
    color: #fbf7f7;
    text-decoration: none;
    letter-spacing: 1px;
    line-height: 1;
    border-radius: 5px;
    box-shadow: 0 5px 10px #aaa;
    text-shadow: -1px 0px 0px #000000;
    border: none;
    position: relative;
    cursor: pointer;
    font-size: 13px;
    font-family: 'Times', 'Times New Roman', Serif;
}

.form input.button:hover {
    background-color: #fdad00;
}

button:hover {
    background: #218838;
}

footer {
	text-align: center;
	color: #000000;
	font-family: 'Times', 'Times New Roman', Serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: 100;
	position: fixed;
	width: 100%;
  	bottom:0px;
	margin: 0 auto;
	text-shadow: none;
	white-space: wrap;
	background-color: #acacac;
}

footer a:link {
	color: #336699;
	text-decoration: none;
}

footer a:visited {
	text-decoration: none;
	color: #333333;
}

footer a:hover {
	text-decoration: none;
	color: #0066CC;
}

3. CAPTCHA Generator (captcha.php)

<?php
session_start();

// Generate random CAPTCHA code
$captcha_code = substr(md5(rand()), 0, 6);
$_SESSION["captcha"] = $captcha_code;

// Create image
$img = imagecreate(120, 40);
$bg_color = imagecolorallocate($img, 255, 255, 255);
$text_color = imagecolorallocate($img, 0, 0, 0);
$font = __DIR__ . '/arial.ttf'; // Ensure you have this font in the same directory

// Add text
imagettftext($img, 18, 0, 15, 30, $text_color, $font, $captcha_code);

// Output image
header("Content-type: image/png");
imagepng($img);
imagedestroy($img);
?>