/* Basic reset and font settings */
        body, h1, h2, h3, p {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
        }

        /* Body styling */
        body {
            background-color: #f4f4f9;
            color: #333;
            line-height: 1.6;
            font-size: 16px;
            padding: 20px;
        }

        /* Header styling */
        header {
            background-color: #004f70;
            color: white;
            padding: 10px 20px;
            text-align: center;
        }

        header h1 {
            margin-bottom: 0;
        }

        /* Navigation menu styling */
        nav {
            background-color: #005c80;
            padding: 10px 0;
        }

        nav ul {
            list-style: none;
            text-align: center;
            margin: 0;
            padding: 0;
        }

        nav ul li {
            display: inline;
            margin: 0 20px;
        }

        nav ul li a {
            color: white;
            text-decoration: none;
            font-size: 16px;
            padding: 10px 15px;
        }

		nav ul li a.active {
            background-color: #003f5c;
            border-radius: 5px;
        }

        nav ul li a:hover {
            background-color: #003f5c;
            border-radius: 5px;
        }
		

        /* Main content area styling */
        .container {
            max-width: 1100px;
            margin: 0 auto;
            padding: 20px;
            background-color: white;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        h2 {
            color: #004f70;
            margin-top: 20px;
        }

        h3 {
            margin-top: 15px;
            color: #444;
        }

        p {
            margin-bottom: 10px;
        }

        /* Responsive layout */
        @media (max-width: 768px) {
            body {
                font-size: 14px;
            }

            .container {
                padding: 10px;
            }

            header h1 {
                font-size: 1.5em;
            }
        }
		
		 .footer {
            text-align: center;
            font-size: 12px;
            margin-top: 20px;
            color: #666;
        }
		
		.container span.two {
            display:inline-block;
            padding: 10px;
			width:47%;
        }
		.container center.three span {
            display:inline-block;
            padding: 5px;
			width:30%;
        }	 
		.center {
            text-align: center;
        }
		div.form {margin: auto; padding:10px 10px 10px 10px; width:70%; text-align:center; background-color:#e1f1fd;}
		div.form label {width:40%; line-height:25px; display:inline-block; text-align:left} 
		div.form input {width:40%; line-height:25px; display:inline-block;} 
		p.checkbox label { line-height:25px; display:inline-block; text-align:right;} 
		p.checkbox input[type] { line-height:25px; display:inline-block; transform: scale(2);} 
		.hidden { display: none; }
		.valid { border: 2px solid green; }
		.invalid { border: 2px solid red; }
		#otp, #email {width:35%}
		.help {line-height:normal!important;font-size:80%!important; width:80%!important;}
		.center {text-align:center;}
		#error-message {/*display:none;*/ border-radius: 5px; border:solid 1px red;}
		/*input[type="text"]:read-only{background-color:#dcffdb;}
		input[type="password"]:read-only{background-color:#dcffdb;}*/
		input:not([type='checkbox']):not([type='button']):not([type='submit']):read-only {background-color:#dcffdb;}
		input:not([type='checkbox']):not([type='button']):not([type='submit']):disabled {background-color:#dcffdb;}