:root { 
 --teal-700:#0059ae; --teal-800:#112a5e; --teal-50:#f0fdfa;
 --gray-900:#0f172a; --gray-700:#334155; --gray-600:#475569; --gray-500:#64748b;
 --amber-500:#f59e0b; --amber-50:#FFF7ED; --amber-900:#7C2D12;
 --container:1000px;
 }
 * { box-sizing:border-box}

html { height: 100%; }

body { 
 margin: 0;
 padding: 0;
 min-height: 100vh;
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: center;
 background: #fff;
 color: var(--gray-900);
 font: 400 16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.header { 
	height: 134px;
	width: 896px;
	background-image:url(../img/bg_header.png);
	background-repeat: no-repeat;
	background-size: cover;
} 
header { /* border-bottom:1px solid #0037a5ff;position:sticky;top:0;z-index:20; */ background:#fff;}

a { color:var(--teal-700);text-decoration:none}
a:hover { text-decoration:underline}
.container { max-width:var(--container);margin-inline:auto;padding:0 20px}
 .topbar { font-size:14px;background:var(--teal-50);color:var(--teal-800)}
 .topbar .container { display:flex;gap:16px;justify-content:center;padding:6px 20px}
 nav[aria-label="Primary"] { display:flex;justify-content:space-between;align-items:center;padding:14px 0}


table { border-spacing: 0; /* cellspacing="0" */}

table td,
table tr { 
 padding: 0; /* cellpadding="0" */
}
td.conent-c { text-align: justify;}

.vertical-table { 
 display: block;
 margin-bottom: 0px; 
	width: 896px;
	border: 0;
	padding: 0;
	border-collapse: collapse;
 border-spacing: 0;
 }
.first-table { 
	height: 167px;
 margin-top: 0; 
	border-collapse: collapse;
 border-spacing: 0;
	background-repeat: no-repeat;
	background-size: auto;
	padding: 0;
}
.second-table { 
	vertical-align: middle;
	align-self: flex-start;
	/*vertical-align: top;*/
 margin-top: 14px;
}
#second-table { 
 }
table { 
 margin: auto;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
.tablemenu { width: 100%;}
	

form { 
 margin:0px;
 padding:0px;
	}	
	
.normal { 
	line-height:1.6em;
	padding: 10px;
	}	
	
ul, ol { 	line-height:1.6em;}

.nav { 
	color:#FFFFFF;
	padding-left:50px;
	}		
	
.nav a { 
	display:block;
	float:left;
	background-image:url(../img/off.png);
	background-position:top right;
	color:#FFFFFF;
	text-transform:uppercase;
	height:33px;
	padding:7px 25px 0px 14px;
	text-decoration:none;
	background-repeat:no-repeat;
	font-size:11px;
	}	
	
.nav a:hover, .nav a.on { 
	background-image:url(../img/on.png);
	}	
	
h1,h2,h3,h4,h5,h6 { 
	font-weight:normal;
	color:#0092CE;
}	

ul.pdf li { 
	list-style-image:url(../img/pdf.png);
	}

h1 { font-size:160%;}
h2 { font-size:150%;}	
h3 { font-size:140%;}	
h4 { font-size:130%;}	
h5 { font-size:120%;}	
h6 { font-size:110%;}	

a { 
	color:#0092CE;
}

ul li a { 
	color:#666666;
	text-decoration:none;
	}
	
ul li a:hover { 
	color:#0092CE;
	text-decoration:underline;
	}

.logo { 
	border:none;
	margin-top: 0px;
	margin-left: 47px;
	}	
	
.logoworksLink { 
	text-align:center;
	font-size:10px;
	}
.err { font-family: verdana,arial; font-size: 11px; font-weight: normal; color: #A40A0A; text-decoration: none; font-style: normal; line-height: normal; font-variant: normal; text-transform: none }
.menu-l { font-size: 140%;}


.menu-panel {
    background-color: #f1f1f1;
	border: 1px solid #727071;
    border-radius: 20px;
    padding: 10px;
    width: 210px;
    overflow: hidden;
}
.news-container {
    position: relative;
    height: 350px; /* News area height */
	width: 100%;
    overflow: hidden;
	}
.news-slide {
    position: absolute;
    width: 100%;
    opacity: 0;
    animation: newsSlide 20s infinite; /* Total cycle time = number of news items * 5 seconds */
}
@keyframes newsSlide {
    0%, 20% { opacity: 0; }
    25%, 45% { opacity: 1; }
    50%, 100% { opacity: 0; }
}
.news-item {
    padding: 5px;
}
.news-item h5 {
    margin: 0 0 5px 0;
    font-size: 14px;
    color: #333;
}
.news-item p {
    margin: 0 0 5px 0;
    font-size: 12px;
    color: #666;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.news-link {
    font-size: 11px;
    color: #0066cc;
    text-decoration: none;
}

.news-link:hover {
    text-decoration: underline;
}

.menu-panel ul { 
 list-style: inherit;
 padding: 0;
}

.menu-panel ul li { 
 /*display:flex;*/
margin-left: 30px;
margin-right: 10px; 
}

.menu-panel ul li:last-child { 
 margin-right: 0; 
}

.menu-panel ul li a { 
 /*text-decoration: none;
 color: #000;*/ /* Text color */
}
.header-m { 
	height: 134px;
	}
td.nav-cell { 
 background-image: url('../img/nav.png'); 
 /*background-size: cover;*/ 
 width: 896px; 
 height: 33px; 
 background-repeat: no-repeat; 
}
tr.top-aligned td { 
 vertical-align: top; 
}
td.menu-panel-width { 
 width: 210px; 
}
.full-width-table { 
 width: 100%;
}
td.news-panel-width { 
 width: 210px; 
}

.footer { 
	font-size:10px;
	padding-left:25px;
	}
.vertical-table.footer { 
 position: fixed;
 bottom: 0;
 width: 896px; 
 /*background-color: #f1f1f1;*/ 
 text-align:left;
 padding: 10px; 
}

td.content-panel-width { 
	width: 860px;
}
.content-panel { 
	background-color: #f1f1f1;
	border: 1px solid #727071;
	border-radius: 20px; 
	padding: 10px; 
	width: 860px;
}

.content-panel ul { 
 list-style: inherit;
 padding: 0;
}

.content-panel ul li { 
 /*display:flex;*/
	margin-left: 50px;
	margin-right: 50px; 
}

.content-panel ul li:last-child { 
 margin-right: 50px; 
}

.content-panel ul li a { 
 /*text-decoration: none;
 color: #000;*/ /* Text color */
}

.floated-image { 
 float: right;
 margin-left: 5px;
}
 .my-div { 
 width: 100%;
 max-width: 250px;
 border: 0px solid #fff;
 padding: 1px; 
 }
 .section { 
 margin-bottom: 20px;
 }

 .card-container { 
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between; /* Even distribution of cards across the width */
 }

 .card { 
 border: 1px solid #ccc;
 border-radius: 8px;
 overflow: hidden;
 margin: 10px;
 width: calc(33.3333% - 15px); /* 33.3333% of the width, taking into account the margins between the cards */
 max-width: 180px; /* Maximum width of each card */
 text-align: center;
 }
.cardspacer { 
 border: 1px solid #FFFFFF;
 border-radius: 8px;
 overflow: hidden;
 margin: 10px;
 width: calc(33.3333% - 15px); /* 33.3333% of the width, taking into account the margins between the cards */
 max-width: 180px; /* Maximum width of each card */
 text-align: center;
 }
 .card img { 
 width: 100%;
 height: auto;
 }

 .card-title { 
 padding: 10px;
 font-size: 14px;
 cursor: pointer;
 color: #0366d6; /* Link color */
 text-decoration: none;
 display: block;
 }

 .card-title:hover { 
 text-decoration: underline; /* Underline on hover */
 }

 .ap-warning { 
 display: flex;
 gap: 12px;
 align-items: flex-start;
 margin: 1rem 0;
 padding: 14px 16px;
 border-left: 4px solid #f59e0b; /* orange strip */
 background: #FFF7ED; /* soft amber background */
 border-radius: 12px;
 box-shadow: 0 1px 2px rgba(0,0,0,0.04);
 color: #7C2D12; /* dark amber text */
 font: 400 16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
 }
 .ap-warning__icon { 
 flex: 0 0 auto;
 margin-top: 2px;
 }
 .ap-warning__icon svg { 
 width: 20px;
 height: 20px;
 display: block;
 }
 .ap-warning strong { 
 font-weight: 700;
 }



.horizontal-container { 
 display: flex; /* Arranges elements in a row */
 justify-content: space-between; /* Uniform distribution */
 gap: 10px; /* Block spacing */
}
.box_h { 
 background: #2692da;
 color: white;
 padding: 20px;
 border-radius: 8px;
 text-align: center;
 flex: 1; /* Uniform width distribution */
}

 .brand { display:flex;gap:10px;align-items:center;font-weight:700}
 .brand img { height:28px;width:auto}
 .nav-links { display:flex;gap:18px;flex-wrap:wrap}
 .btn { display:inline-block;padding:.65rem 1rem;border-radius:9999px;border:1px solid var(--teal-700);color:#fff;background:var(--teal-700);font-weight:600}
 .btn--ghost { background:transparent;color:var(--teal-700)}
 .cards { display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0 0}
 .card { border:1px solid #e5e7eb;border-radius:16px;padding:18px;background:#fff}
 .card h3 { margin:0 0 8px;font-size:1.05rem}
 main { padding:10px 0 20px}
 section.section { padding:15px 0}
 h2 { font-size:1.5rem;margin:0 0 8px}
 h3 { font-size:1.125rem;margin:12px 0 6px}
 .cols-2 { display:grid;grid-template-columns:1fr 1fr;gap:28px}
 .list { margin:0;padding-left:18px}
 .ap-warning { display:flex;gap:12px;align-items:flex-start;margin:1rem 0;padding:14px 16px;border-left:4px solid var(--amber-500);background:var(--amber-50);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04);color:var(--amber-900)}
 .ap-warning__icon svg { width:20px;height:20px;display:block}
 .kpi { display:flex;gap:18px;flex-wrap:wrap;margin-top:12px}
 .kpi div { flex:1 1 180px;border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fff;text-align:center}
 .cta { display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
 .faq dt { font-weight:700;margin-top:12px}
 .faq dd { margin:6px 0 12px}
 footer { border-top:1px solid #e5e7eb;background:#f8fafc;padding:26px 0;color:var(--gray-600)}
 .footgrid { display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px}
 .legal { font-size:14px;color:var(--gray-500);margin-top:10px}

 @media (max-width:980px) { 
 .hero .container { grid-template-columns:1fr}
 .cards { grid-template-columns:1fr}
 .cols-2 { grid-template-columns:1fr}
 .footgrid { grid-template-columns:1fr}
 }
 /* Skip link for accessibility */
 .skip-link { position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
 .skip-link:focus { position:static;width:auto;height:auto;padding:8px;background:#000;color:#fff}


 .three-columns {
 display: flex;
 width: 100%;
 /* gap: 50; */
 /* background-color: #ddd; */
 /* padding: 80px; */
 }
 
 .three-columns div {
 padding: 10px;
 color: #5e5e5eff;
 }
 
 .three-columns div:nth-child(1) {
 width: 25%;
 }
 
 .three-columns div:nth-child(2) {
 width: 50%;
 }
 
 .three-columns div:nth-child(3) {
 width: 25%;
 }