html, body {
    height: 100%;
	overflow-x: hidden; 
}
:root { --footer-height: 90px; } /* adjust to match your footer’s real height */

/* Home Page Footer */

div.footer
{
	
	background-color:#60656B;
	color: #ffffff;
	padding: 12px 24px;        /* keep horizontal padding for inner content breathing room */
    height: var(--footer-height);
    float: none;
    box-sizing: border-box;

    /* Safer full-width stretch — no overflow clipping */
    width: calc(100% + 48px);   /* 48px = 2× the skin's side padding */
    margin-left: -24px;
    margin-right: -24px;
}


div.footer a
{
	text-decoration: none;
	
}

div.footer > div.outer-row
{
	line-height: 28px;
	padding: 0;
}

.footer-logo
{
	max-width: 100%;
}

.footer-links
{

	font-size: 0.9em;
	color: #ffffff;
	text-align: center;
}

.footer-links a
{
	color: #ffffff;
	padding-right: 3px;
}

.footer-icons
{	font-size: 0.9em;
	color: #ffffff;
	text-align: right;
	padding: 10px;
}
.footer-icons a
{
	padding: 4px;
	color: #ffffff;
}


p.Copyright
{
	font-size: 0.9em;
	text-align: left;
	
	line-height: 1.6em;
	margin: 0 0 10px 0;
}
.centered-text
{
	text-align: center;
}


div.HomeMasterPageFooter	
{
	
	margin-left: 0px;
  	margin-right: 0px;
}

div.HomeMasterPageFooter::before
{
	content: ' ';
	display: table;
}

div.HomeMasterPageFooter::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.HomeMasterPageFooter > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.HomeMasterPageFooter > div:nth-child(1)
{
	width: 25%;
	margin-left: 0%;
}

div.HomeMasterPageFooter > div:nth-child(2)
{
	width: 50%;
	margin-left: 0%;
}

div.HomeMasterPageFooter > div:nth-child(3)
{
	width: 25%;
	margin-left: 0%;
}

.body-layout {             
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  margin-left: 0px;
  margin-right: 0px;
}

body{margin:0;font-family:Arial, Segoe UI, Tahoma, sans-serif;background:#f7f9fb;color:#1f2937}
.wrap{max-width:1200px;height: auto;margin:0 auto;padding:0px 0px 0px 0px}
h1{margin:8px 0 12px;font-size:28px;line-height:1.2}
.lead{max-width:960px;margin:0 auto 20px;color:#6b7280;text-align:center}

/* Card grid */
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:0;}
@media (max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid{grid-template-columns:1fr}}

.card{
  position: relative;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:15px;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
  display:flex;
  flex-direction: column; 
  }
.card:hover{box-shadow:0 8px 24px rgba(2,8,23,.15)}
.tag{width:fit-content;display:inline-block;background:#eef2ff;color:#1f2937;border:1px solid #c7d2fe;border-radius:8px;padding:4px 4px;font-size:12px;font-weight:400;text-align:center}
.title{margin:0;font-size:15px;line-height: 1.5}
.desc{margin:0;color:#6b7280;font-size:11px;font-weight:400;line-height: 1.5}
.list{margin:0;padding-left:18px;color:#6b7280;font-size:10px;font-weight:400;line-height: 1.5}
.cta{margin-top:auto;color:#0b74a5;text-align: right;text-decoration:none;font-size:11px;font-weight:400;line-height: 1.5}
.cta:hover{text-decoration:underline;color:#0ea5e9}

/* Simple icon circles using CSS only (no emoji) */
.icon{width:32px;height:32px;border-radius:8px;background:#eff6ff;border:1px solid #dbeafe;color:#1d4ed8;display:inline-block;line-height:32px;text-align:center;align-items:center; font-size:14px;font-weight:700}
.iconimage{width:32px;height:32px;background:#ffffff;border:0px;color:#1d4ed8;display:inline-block;position: absolute;top: 16px;right: 12px;}



.main-shell {                /* wrapper around side nav + content area */
  min-height: 100vh;                 /* fill at least the viewport */
  box-sizing: border-box;
  padding: 0 0;
  margin: 0 0;
}


.footer .outer-row,
.footer .HomeMasterPageFooter {
  padding-left: 0;
  padding-right: 0;
}