body, html { 
        background: rgb(255,255,255);
        background: linear-gradient(35deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(178,236,247,1) 100%);
        font-family: 'Vollkorn', arial, serif; font-size: 14px; font-style: normal; font-weight: 400; text-shadow: none; text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.5;
    }
	
    .fl { float:left; }
    .fr { float:right; }
    .cf { clear:both; width:1px; height:1px; }
    
    h1 {
        font-size:25px;
        font-family: Arial,Helvetica, sans-serif;
        background: linear-gradient(to right, #f32170, #ff6b08,#cf23cf, #eedd44);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        text-transform:uppercase;
        padding:0px; margin:0px; margin-bottom:15px;
    }
    
    h2 {
		font-size: 25px;
		background: -webkit-linear-gradient(rgb(212, 4, 4), rgb(188, 12, 241));
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
        text-align:left;
        padding:0px; margin:0px; margin-top:15px;
    }
    
    h3 { 
        font-size:14px; padding:10px; border-radius:10px;
        color:#FFFFFF;
        background: rgb(2,0,36);
        background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
    
        
    }
    
    div#cat { text-align:right; }
    
	button { border:1px solid #0072bb; background-color:#ffffff; border-radius:4px; padding:5px; margin:2px; width:auto;  }
	button:hover { cursor:pointer; background-color:#e1efff; color:darkgreen; }
    
    .success { background-color:lightgreen; padding:5px; margin:5px; border:1px solid #808080; border-radius:5px; }
    .error { background-color:pink; padding:5px; margin:5px; border:1px solid #808080; border-radius:5px; }

    #result_hi, #result_en { max-width:300px; padding:5px; margin:0 auto; margin-bottom:5px; display:none; }

    #orgname { background-color:transparent; padding:5px; margin:5px; text-transform:uppercase; font-size:20px; }
	#logo { width:150px; height:75px; }
	
    #container { max-width:800px; margin:0 auto; background-color:transparent; }
	
    #navbar { background-color:#0171bc; padding:5px; }
	#pages > div { }
	#ribbons > div { display:none; background-color:#86cbf3; padding:5px; }
	
	#page_en { }
	#page_hi { font-size:20px; }
	
	#navbar > a { background-color:#FFFFFF; color:#02005f; border-radius:4px; border:1px solid #0072bb; padding:2px; margin:2px; display:block; float:left; width:auto; text-decoration:none; color:black; font-size:15px; }
	#navbar > a:hover { background-color:#03007c; color:#FFFFFF; cursor:pointer; }	
	
	#page_header, #page_footer {
	    margin:0px; padding:0px; background-color:transparent; overflow:hidden; max-width: calc(100%);
	} 
	
	.imghf { border:1px solid blue; margin:0px; padding:0px; }
	
	#page_header img, #page_footer img {
	    object-fit: contain; width: calc(100%); height:auto; margin:0px; padding:0px;
	}
	
	#page_content {
	    background-color:transparent; padding:5px; padding-top:10px; padding-bottom:10px;
	    line-height: 28px;
	    color:#333333;
	}
	
	#sidebar { width:278px; float:left; }
	#sidebar > div {
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, #e1efff 100%);
		margin:5px; border:0px solid #808080; padding:5px; border-radius:5px;
	}
	#sidebar_issues > button, #sidebar_services > button, #sidebar_solutions > button {
		display:block; width:100%; background-color:rgba(178,236,247,1); border:1px solid #808080;
		margin-top:5px; text-align:left; padding-left:30px;
	}
	
	#sidebar_issues > button:hover, #sidebar_services > button:hover, #sidebar_solutions > button:hover {
        background-color:white; border:1px solid #000000;
	}
	
	#footer_actions { background-color:white; padding:10px; margin:0px; margin-top:5px; margin-bottom:5px; text-align:center; border-radius:10px; border:1px solid #808080; }
		

	


.header {
	background: rgb(112,109,177); background: linear-gradient(166deg, rgba(112,109,177,1) 0%, rgba(9,84,121,0.991269750087535) 4%, rgba(0,212,255,1) 53%);
}
.header > img { width: calc(100%) ; border:1px solid #808080; }
.footer > div {
    border:1px solid #808080; border-radius:5px; margin:5px; margin-top:10px; margin-bottom:10px; padding:5px; text-align:center;
}
.footer > div:nth-child(5) { background-color:white; }
.footer > div:nth-child(5) > button { padding:10px; font-size:15px; margin:10px; margin-left:3px; margin-right:3px; }

.boxes300px { border:1px solid #808080; border-radius:5px; margin-top:2px; margin-bottom:2px; }
.boxes300px > div:first-child { max-width:300px; background-color:blue; float:left; }
.boxes300px > div { 
	float:left; padding:5px; margin:5px; max-width:300px;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(178,236,247,1) 100%);
}
.boxes300px > span:last-child { clear:both; width:0px; height:0px; background-color:lightgreen; display:block; }

#frm_contact > input { width: calc(50% - 32px); padding:5px; margin:5px; }
#frm_contact > textarea { width: calc(100% - 32px); padding:5px; margin:5px; height:100px; }
#frm_contact button { font-size:20px; font-weight:bold; width: 200px; margin:0 auto; padding:10px; border-radius:20px; border:1px solid #808080; }
#frm_contact button:hover { background-color:lightblue; }

#sideactions { text-align:center; background-color:#FF0000; }
#sideactions > button { width: calc(100% - 22px); }

	@media (max-width:500px) {
		#pageset { width: calc(100%); /* for debugging: background-color:lightgreen; */ }
		#pages { width: calc(100%); float:left; margin-top:5px; }
		#sidebar { display:none; }
	}

	@media (min-width:501px) and (max-width:600px) {
		#pageset { width: calc(100%); /* for debugging: background-color:yellow; */ }
		#pages { width: calc(100% - 170px); float:left; margin-top:5px; }
		#sidebar { width:170px; }
	}
	
	@media (min-width:601px) and (max-width:800px) {
		#pageset { width: calc(100%); /* for debugging: background-color:pink; */ }
		#pages { width: calc(100% - 200px); float:left; margin-top:5px; }
		#sidebar { width:200px; }
	}

	
	@media (min-width:801px) {
		#pageset { width: calc(100%); /* for debugging: background-color:magenta; */ }
		#pages { 	width: calc(100% - 300px); float:left; margin-top:5px; }
		#sidebar {width:300px; }
	}

#pagenav { 
    text-align:left; margin:0px; padding:5px; border-top:1px solid #808080; border-bottom:1px solid #808080; 
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, #e1efff 100%);
    
    background: rgb(2,0,36);
    background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
}

.hi_probox { border:1px solid #808080; border-radius:5px; padding:5px; }
.hi_probox > div:nth-child(1) { font-size:25px; font-weight:bold; padding:5px; padding-left:10px; background-color:white; }
.hi_probox > div:nth-child(2) { float:left; width:100px; padding:5px; }
.hi_probox > div:nth-child(2) > img { width:100px; height:100px; border-radius:50%; border:1px solid #808080; }
.hi_probox > div:nth-child(3) { float:left; width: 160px; padding:5px; margin:5px; }
.hi_probox > div:nth-child(3) > div { padding:5px; margin-left:15px; }
.hi_probox > span { background-color:pink; padding:10px; border-radius:10px; margin-bottom:20px; }
.hi_probox > div:nth-child(6) { margin-top:5px; }

.en_probox { border:1px solid #808080; border-radius:5px; padding:5px; }
.en_probox > div:nth-child(1) { font-size:25px; font-weight:bold; padding:5px; padding-left:10px; background-color:white; }
.en_probox > div:nth-child(2) { float:left; width:100px; padding:5px; }
.en_probox > div:nth-child(2) > img { width:100px; height:100px; border-radius:50%; border:1px solid #808080; }
.en_probox > div:nth-child(3) { float:left; width: 160px; padding:5px; margin:5px; }
.en_probox > div:nth-child(3) > div { padding:5px; margin-left:15px; }
.en_probox > span { background-color:pink; padding:10px; border-radius:10px; margin-bottom:20px; }
.en_probox > div:nth-child(6) { margin-top:5px; }



/* Button's Styles  */
.btn1 { background-color:#0275d8; color:#ffffff; }
.btn1:hover { background-color:#ffffff; color:#0275d8; }
.btn2 { background-color:#0072bb; color:#ffffff; }
.btn2:hover { background-color:#ffffff; color:#0072bb; }
.btn3 { background-color:#025aa5; color:#ffffff; }
.btn3:hover { background-color:#ffffff; color:#025aa5; }
.btn4 { background-color:#02005f; color:#ffffff; }
.btn4:hover { background-color:#ffffff; color:#02005f; }
.btn5 { background-color:#03007c; color:#ffffff; }
.btn5:hover { background-color:#ffffff; color:#03007c; }
.btn6 { background-color:#5bc0de; color:#ffffff; }
.btn6:hover { background-color:#ffffff; color:#5bc0de; }
.btn7 { background-color:#00adf1; color:#ffffff; }
.btn7:hover { background-color:#ffffff; color:#00adf1; }
.btn8 { background-color:#44b678; color:#ffffff; }
.btn8:hover { background-color:#ffffff; color:#44b678; }
.btn9 { background-color:#3b9e62; color:#ffffff; }
.btn9:hover { background-color:#ffffff; color:#3b9e62; }
.btn10 { background-color:#5cb85c; color:#ffffff; }
.btn10:hover { background-color:#ffffff; color:#5cb85c; }
.btn11 { background-color:#007c00; color:#ffffff; }
.btn11:hover { background-color:#ffffff; color:#007c00; }
.btn12 { background-color:#ff7300; color:#ffffff; }
.btn12:hover { background-color:#ffffff; color:#ff7300; }
.btn13 { background-color:#4285f4; color:#ffffff; }
.btn13:hover { background-color:#ffffff; color:#4285f4; }
.btn14 { background-color:#ea4335; color:#ffffff; }
.btn14:hover { background-color:#ffffff; color:#ea4335; }
.btn15 { background-color:#fbbc05; color:#ffffff; }
.btn15:hover { background-color:#ffffff; color:#fbbc05; }
.btn16 { background-color:#34a853; color:#ffffff; }
.btn16:hover { background-color:#ffffff; color:#34a853; }
.btn17 { background-color:#1a73e8; color:#ffffff; }
.btn17:hover { background-color:#ffffff; color:#1a73e8; }
.btn18 { background-color:#1b66c9; color:#ffffff; }
.btn18:hover { background-color:#ffffff; color:#1b66c9; }
.btn19 { background-color:#f991ac; color:#ffffff; }
.btn19:hover { background-color:#ffffff; color:#f991ac; }
.btn20 { background-color:#e86b8b; color:#ffffff; }
.btn20:hover { background-color:#ffffff; color:#e86b8b; }
.btn21 { background-color:#e25a40; color:#ffffff; }
.btn21:hover { background-color:#ffffff; color:#e25a40; }
.btn22 { background-color:#db3c26; color:#ffffff; }
.btn22:hover { background-color:#ffffff; color:#db3c26; }
.btn23 { background-color:#d52818; color:#ffffff; }
.btn23:hover { background-color:#ffffff; color:#d52818; }
.btn24 { background-color:#ea923b; color:#ffffff; }
.btn24:hover { background-color:#ffffff; color:#ea923b; }
.btn25 { background-color:#e67322; color:#ffffff; }
.btn25:hover { background-color:#ffffff; color:#e67322; }
.btn26 { background-color:#e25f11; color:#ffffff; }
.btn26:hover { background-color:#ffffff; color:#e25f11; }
.btn27 { background-color:#ecdb4f; color:#ffffff; }
.btn27:hover { background-color:#ffffff; color:#ecdb4f; }
.btn28 { background-color:#e6d32e; color:#ffffff; }
.btn28:hover { background-color:#ffffff; color:#e6d32e; }
.btn29 { background-color:#e4cc21; color:#ffffff; }
.btn29:hover { background-color:#ffffff; color:#e4cc21; }
.btn30 { background-color:#bfdb4a; color:#ffffff; }
.btn30:hover { background-color:#ffffff; color:#bfdb4a; }
.btn31 { background-color:#a5cb2a; color:#ffffff; }
.btn31:hover { background-color:#ffffff; color:#a5cb2a; }
.btn32 { background-color:#92c619; color:#ffffff; }
.btn32:hover { background-color:#ffffff; color:#92c619; }
.btn33 { background-color:#85d153; color:#ffffff; }
.btn33:hover { background-color:#ffffff; color:#85d153; }
.btn34 { background-color:#5dc032; color:#ffffff; }
.btn34:hover { background-color:#ffffff; color:#5dc032; }
.btn35 { background-color:#47b520; color:#ffffff; }
.btn35:hover { background-color:#ffffff; color:#47b520; }
.btn36 { background-color:#69d3c5; color:#ffffff; }
.btn36:hover { background-color:#ffffff; color:#69d3c5; }
.btn37 { background-color:#46c3b3; color:#ffffff; }
.btn37:hover { background-color:#ffffff; color:#46c3b3; }
.btn38 { background-color:#2fb8a8; color:#ffffff; }
.btn38:hover { background-color:#ffffff; color:#2fb8a8; }
.btn39 { background-color:#6cb0d5; color:#ffffff; }
.btn39:hover { background-color:#ffffff; color:#6cb0d5; }
.btn40 { background-color:#4992c7; color:#ffffff; }
.btn40:hover { background-color:#ffffff; color:#4992c7; }
.btn41 { background-color:#307ebc; color:#ffffff; }
.btn41:hover { background-color:#ffffff; color:#307ebc; }
.btn42 { background-color:#787bca; color:#ffffff; }
.btn42:hover { background-color:#ffffff; color:#787bca; }
.btn43 { background-color:#5458b3; color:#ffffff; }
.btn43:hover { background-color:#ffffff; color:#5458b3; }
.btn44 { background-color:#3e3fab; color:#ffffff; }
.btn44:hover { background-color:#ffffff; color:#3e3fab; }
.btn45 { background-color:#ab73ce; color:#ffffff; }
.btn45:hover { background-color:#ffffff; color:#ab73ce; }
.btn46 { background-color:#8f4fbd; color:#ffffff; }
.btn46:hover { background-color:#ffffff; color:#8f4fbd; }
.btn47 { background-color:#7f39ab; color:#ffffff; }
.btn47:hover { background-color:#ffffff; color:#7f39ab; }
.btn48 { background-color:#f0f0f0; color:#000000; }
.btn48:hover { background-color:#000000; color:#f0f0f0; }
.btn49 { background-color:#464646; color:#ffffff; }
.btn49:hover { background-color:#ffffff; color:#464646; }
.btn50 { background-color:#e2e2e2; color:#000000; }
.btn50:hover { background-color:#000000; color:#e2e2e2; }
.btn51 { background-color:#121212; color:#ffffff; }
.btn51:hover { background-color:#ffffff; color:#121212; }
.btn52 { background-color:#86cbf3; color:#ffffff; }
.btn52:hover { background-color:#ffffff; color:#86cbf3; }
.btn53 { background-color:#c8f2ff; color:#000000; }
.btn53:hover { background-color:#000000; color:#c8f2ff; }
.btn54 { background-color:#e0f3f9; color:#000000; }
.btn54:hover { background-color:#000000; color:#e0f3f9; }
.btn55 { background-color:#ddf5ff; color:#000000; }
.btn55:hover { background-color:#000000; color:#ddf5ff; }
.btn56 { background-color:#d2dfe8; color:#000000; }
.btn56:hover { background-color:#000000; color:#d2dfe8; }
.btn57 { background-color:#62c1d8; color:#ffffff; }
.btn57:hover { background-color:#ffffff; color:#62c1d8; }
.btn58 { background-color:#91eef7; color:#000000; }
.btn58:hover { background-color:#000000; color:#91eef7; }
.btn59 { background-color:#fef6e3; color:#d52818; }
.btn59:hover { background-color:#d52818; color:#fef6e3; }
.btn60 { background-color:#f0dbac; color:#000000; }
.btn60:hover { background-color:#000000; color:#f0dbac; }
.btn61 { background-color:#714f06; color:#ffffff; }
.btn61:hover { background-color:#ffffff; color:#714f06; }
.btn62 { background-color:#c87034; color:#ffffff; }
.btn62:hover { background-color:#ffffff; color:#c87034; }
.btn63 { background-color:#be0f27; color:#ffffff; }
.btn63:hover { background-color:#ffffff; color:#be0f27; }
.btn64 { background-color:#a3091b; color:#ffffff; }
.btn64:hover { background-color:#ffffff; color:#a3091b; }
.btn65 { background-color:#cadd4f; color:#ffffff; }
.btn65:hover { background-color:#ffffff; color:#cadd4f; }
.btn66 { background-color:#bbcf3b; color:#ffffff; }
.btn66:hover { background-color:#ffffff; color:#bbcf3b; }
.btn67 { background-color:#93b625; color:#ffffff; }
.btn67:hover { background-color:#ffffff; color:#93b625; }
.btn68 { background-color:#5f910f; color:#ffffff; }
.btn68:hover { background-color:#ffffff; color:#5f910f; }
.btn69 { background-color:#f36c1d; color:#ffffff; }
.btn69:hover { background-color:#ffffff; color:#f36c1d; }
.btn70 { background-color:#f9951e; color:#ffffff; }
.btn70:hover { background-color:#ffffff; color:#f9951e; }
.btn71 { background-color:#fdee22; color:#000000; }
.btn71:hover { background-color:#000000; color:#fdee22; }
.btn72 { background-color:#ec1a23; color:#ffffff; }
.btn72:hover { background-color:#ffffff; color:#ec1a23; }