body{
font-family:Inter,"Segoe UI",Arial,sans-serif;
margin:0;
padding:0;
line-height:1.6;
background:#f5f7fa;
scroll-behavior:smooth;
-webkit-font-smoothing:antialiased;
}

/* V15 premium compact header */
.top-bar{
background:#071f38;
color:#ffffff;
}

.top-bar-inner{
max-width:1280px;
min-height:38px;
margin:0 auto;
padding:7px 24px;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
box-sizing:border-box;
font-size:12px;
font-weight:800;
letter-spacing:.75px;
line-height:1.35;
}

.top-bar-inner span,
.top-bar-inner a{
display:inline-flex;
align-items:center;
}

.top-bar-inner a{
color:#ffffff;
text-decoration:none;
transition:color .2s ease;
}

.top-bar-inner a:hover,
.top-bar-inner a:focus-visible{
color:#FFD54F;
outline:none;
}

.top-bar-inner i{
margin-right:8px;
color:#FFD54F;
font-size:13px;
}

header.site-header{
position:sticky;
top:0;
z-index:1200;
padding:0;
background:rgba(255,255,255,.98);
color:#0A2540;
text-align:left;
border-bottom:1px solid rgba(10,37,64,.10);
box-shadow:0 8px 25px rgba(10,37,64,.10);
backdrop-filter:blur(12px);
}

.site-header-inner{
max-width:1280px;
min-height:96px;
margin:0 auto;
padding:10px 24px;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
box-sizing:border-box;
}

.site-brand{
display:flex;
align-items:center;
gap:13px;
min-width:0;
flex-shrink:0;
color:#0A2540;
text-decoration:none;
}

.site-brand img,
header.site-header .site-brand img{
width:76px;
height:76px;
margin:0;
object-fit:contain;
flex-shrink:0;
}

.site-brand-copy{
display:flex;
flex-direction:column;
gap:4px;
min-width:0;
}

.site-brand-title{
color:#0A2540;
font-size:18px;
font-weight:800;
line-height:1.2;
letter-spacing:.2px;
white-space:nowrap;
}

.site-brand-tagline{
color:#2E7D32;
font-size:9px;
font-weight:800;
line-height:1.35;
letter-spacing:.65px;
white-space:nowrap;
}

.site-brand:focus-visible{
outline:3px solid rgba(46,125,50,.28);
outline-offset:5px;
border-radius:5px;
}

nav.primary-nav{
position:static;
top:auto;
z-index:auto;
margin-left:auto;
padding:0;
background:transparent;
text-align:right;
}

.primary-nav .nav-links{
display:flex;
align-items:center;
justify-content:flex-end;
gap:2px;
background:transparent;
}

.primary-nav .nav-links > a,
.primary-nav .nav-dropdown-toggle{
position:relative;
padding:14px 9px;
color:#0A2540;
font-size:14px;
font-weight:750;
line-height:1.25;
white-space:nowrap;
transition:color .2s ease,background .2s ease;
}

.primary-nav .nav-links > a{
display:block;
}

.primary-nav .nav-links > a:hover,
.primary-nav .nav-links > a:focus-visible,
.primary-nav .nav-links > a[aria-current="page"],
.primary-nav .nav-dropdown-toggle:hover,
.primary-nav .nav-dropdown-toggle:focus-visible,
.primary-nav .nav-dropdown.active .nav-dropdown-toggle,
.primary-nav .nav-dropdown.open .nav-dropdown-toggle{
color:#2E7D32;
background:#F2F8F3;
outline:none;
border-radius:7px;
}

.primary-nav .nav-links > a[aria-current="page"]::after,
.primary-nav .nav-dropdown.active .nav-dropdown-toggle::after{
content:"";
position:absolute;
left:10px;
right:10px;
bottom:5px;
height:2px;
border-radius:2px;
background:#C9A227;
}

.primary-nav .nav-dropdown-toggle{
gap:6px;
font-family:inherit;
}

.primary-nav .nav-dropdown-toggle i{
font-size:11px;
}

.primary-nav .nav-dropdown-menu{
top:calc(100% + 12px);
min-width:285px;
padding:10px;
border-top:3px solid #C9A227;
border-radius:10px;
box-shadow:0 18px 40px rgba(10,37,64,.18);
}

.primary-nav .nav-dropdown-menu::before{
content:"";
position:absolute;
left:0;
right:0;
top:-15px;
height:15px;
}

.primary-nav .nav-dropdown-menu a{
color:#0A2540;
padding:12px 14px;
font-size:14px;
font-weight:700;
}

.primary-nav .nav-dropdown-menu a:hover,
.primary-nav .nav-dropdown-menu a:focus-visible,
.primary-nav .nav-dropdown-menu a[aria-current="page"]{
background:#EDF7EE;
color:#2E7D32;
}

.primary-nav .menu-toggle{
display:none;
align-items:center;
justify-content:center;
gap:7px;
width:auto;
min-width:102px;
padding:11px 15px;
border:1px solid rgba(10,37,64,.12);
border-radius:8px;
background:#0A2540;
box-shadow:0 6px 15px rgba(10,37,64,.16);
font-family:inherit;
font-size:14px;
font-weight:800;
line-height:1.2;
}

.primary-nav .menu-toggle i{
font-size:20px;
line-height:1;
}

.primary-nav .menu-toggle:hover,
.primary-nav .menu-toggle:focus-visible{
background:#2E7D32;
outline:3px solid rgba(46,125,50,.20);
outline-offset:2px;
}

section[id]{
scroll-margin-top:112px;
}

@media (max-width:1260px) and (min-width:1101px){
.site-header-inner{
padding:9px 16px;
gap:15px;
}

.site-brand{
gap:10px;
}

.site-brand img,
header.site-header .site-brand img{
width:66px;
height:66px;
}

.site-brand-title{
font-size:16px;
}

.site-brand-tagline{
font-size:8px;
letter-spacing:.5px;
}

.primary-nav .nav-links > a,
.primary-nav .nav-dropdown-toggle{
padding:12px 7px;
font-size:13px;
}
}

@media (max-width:1100px){
.site-header-inner{
position:relative;
min-height:82px;
padding:9px 18px;
gap:16px;
}

.site-brand img,
header.site-header .site-brand img{
width:62px;
height:62px;
}

.site-brand-title{
font-size:16px;
}

.site-brand-tagline{
font-size:8px;
letter-spacing:.5px;
}

.primary-nav .menu-toggle{
display:inline-flex;
}

.primary-nav .nav-links{
display:none;
position:absolute;
top:100%;
left:0;
right:0;
max-height:calc(100vh - 120px);
overflow-y:auto;
flex-direction:column;
align-items:stretch;
gap:0;
padding:7px 16px 15px;
background:#ffffff;
border-top:1px solid rgba(10,37,64,.10);
box-shadow:0 18px 30px rgba(10,37,64,.16);
}

.primary-nav .nav-links.show{
display:flex;
}

.primary-nav .nav-links > a,
.primary-nav .nav-dropdown-toggle{
width:100%;
box-sizing:border-box;
padding:12px 14px;
color:#0A2540;
font-size:15px;
text-align:center;
border-top:1px solid #E7EDF2;
border-radius:0;
}

.primary-nav .nav-links > a:hover,
.primary-nav .nav-links > a:focus-visible,
.primary-nav .nav-links > a[aria-current="page"],
.primary-nav .nav-dropdown-toggle:hover,
.primary-nav .nav-dropdown-toggle:focus-visible,
.primary-nav .nav-dropdown.active .nav-dropdown-toggle,
.primary-nav .nav-dropdown.open .nav-dropdown-toggle{
background:#F2F8F3;
border-radius:0;
}

.primary-nav .nav-links > a[aria-current="page"]::after,
.primary-nav .nav-dropdown.active .nav-dropdown-toggle::after{
display:none;
}

.primary-nav .nav-dropdown{
display:block;
width:100%;
}

.primary-nav .nav-dropdown-toggle{
justify-content:center;
}

.primary-nav .nav-dropdown-menu{
position:static;
transform:none;
width:100%;
min-width:0;
padding:0;
background:#F5F8FB;
border:0;
border-radius:0;
box-shadow:none;
}

.primary-nav .nav-dropdown-menu::before{
display:none;
}

.primary-nav .nav-dropdown-menu a{
padding:11px 14px;
color:#0A2540;
font-size:14px;
text-align:center;
white-space:normal;
border-top:1px solid #E7EDF2;
border-radius:0;
}

.primary-nav .nav-dropdown-menu a:hover,
.primary-nav .nav-dropdown-menu a:focus-visible,
.primary-nav .nav-dropdown-menu a[aria-current="page"]{
background:#E8F4EA;
color:#2E7D32;
}
}

@media (max-width:620px){
.top-bar-inner{
min-height:36px;
padding:7px 11px;
gap:8px;
font-size:9px;
letter-spacing:.35px;
}

.top-bar-inner i{
margin-right:5px;
font-size:10px;
}

.site-header-inner{
min-height:74px;
padding:8px 11px;
gap:9px;
}

.site-brand{
gap:8px;
}

.site-brand img,
header.site-header .site-brand img{
width:55px;
height:55px;
}

.site-brand-title{
max-width:180px;
font-size:13px;
line-height:1.22;
white-space:normal;
}

.site-brand-tagline{
display:none;
}

.primary-nav .menu-toggle{
min-width:80px;
padding:10px 11px;
font-size:13px;
}

.primary-nav .menu-toggle i{
font-size:19px;
}

.primary-nav .nav-links{
padding-left:10px;
padding-right:10px;
}

section[id]{
scroll-margin-top:86px;
}
}

@media (max-width:390px){
.top-bar-inner{
font-size:8px;
letter-spacing:.15px;
}

.site-brand-title{
max-width:150px;
font-size:12px;
}

.primary-nav .menu-toggle{
min-width:48px;
width:48px;
padding:10px 8px;
}

.primary-nav .menu-toggle span{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}
}

header{
background:#0A2540;
color:white;
text-align:center;
padding:30px;
}

header img{
width:140px;
height:auto;
margin-bottom:10px;
}

header h1{
margin:10px 0;
}

nav{
background:#163a5f;
text-align:center;
padding:12px;
position:sticky;
top:0;
z-index:1000;
}

nav a{
    color:white;
    text-decoration:none;
    padding:16px 22px;
    font-size:18px;
    font-weight:600;
    transition:.3s;
}

nav a:hover{
color:#ffd700;
}

.hero{
background:linear-gradient(rgba(10,37,64,0.85),rgba(10,37,64,0.85)),
url('../Image/OPM-Hero-1280.webp');
background-size:cover;
background-position:center;
text-align:center;
padding:80px 20px 70px;
color:white;
}

.hero h1{
color:white;
font-size:40px;
margin-bottom:20px;
}

.hero p{
color:white;
font-size:18px;
font-weight:bold;
letter-spacing:1px;
}
.btn{
display:inline-block;
background:#0B2E59;
color:#ffffff !important;
padding:16px 45px;
min-width:220px;
font-size:16px;
font-weight:600;
text-decoration:none;
border:none;
border-radius:50px;
cursor:pointer;
transition:.3s ease;
box-shadow:0 8px 20px rgba(11,46,89,.25);
margin-top:20px;
}

.btn:hover{
background:#2E7D32;
transform:translateY(-4px);
box-shadow:0 12px 28px rgba(0,0,0,.25);
}
.section{
max-width:1100px;
margin:auto;
padding:50px 20px;
}
#about{
    max-width:1250px;
    margin:80px auto;
    padding:60px;
    background:#ffffff;
    border-radius:18px;
    box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

#about h2{
    text-align:center;
    font-size:42px;
    color:#0B2E59;
    margin-bottom:15px;
}

.section-subtitle{
    text-align:center;
    max-width:800px;
    margin:0 auto 30px;
    font-size:18px;
    color:#2E7D32;
    font-weight:600;
    letter-spacing:0.5px;
    text-transform:uppercase;
    line-height:1.5;
}

#about p{
    font-size:17px;
    line-height:1.9;
    color:#555;
    text-align:left;
    margin-bottom:22px;
    letter-spacing:0;
    word-spacing:0;
}
@media (max-width:768px){

#about p{
    text-align:left;
    font-size:18px;
    line-height:1.8;
    letter-spacing:0;
    word-spacing:0;
}

}
.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:24px;
margin-top:35px;
}

.section-subtitle{
    text-align:center;
    max-width:900px;
    margin:0 auto 45px;
    font-size:22px;
    color:#2E7D32;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    line-height:1.5;
}

.card{
background:#ffffff;
padding:28px 24px;
margin:0;
border-radius:16px;
box-shadow:0 8px 25px rgba(0,0,0,.08);
border-top:4px solid #2E7D32;
transition:.3s;
}

.card:hover{
transform:translateY(-8px);
box-shadow:0 15px 35px rgba(0,0,0,.15);
border-top-color:#C9A227;
}

.service-icon{
width:58px;
height:58px;
margin:0 auto 18px;
border-radius:50%;
background:#0B2E59;
color:white;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
box-shadow:0 6px 18px rgba(0,0,0,.18);
}

.service-card h3{
text-align:center;
color:#0B2E59;
font-size:20px;
margin-bottom:14px;
}

.service-card p{
font-size:16px;
line-height:1.7;
color:#555;
text-align:center;
}
#manpower .service-icon{
background:#2E7D32;
}

#manpower .card{
border-top:4px solid #0B2E59;
}

#manpower .card:hover{
border-top-color:#C9A227;
}
#why-choose .service-icon{
background:#C9A227;
color:#ffffff;
}

#why-choose .card{
border-top:4px solid #2E7D32;
}

#why-choose .card:hover{
border-top-color:#0B2E59;
}
.whatsapp-btn{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:white !important;
padding:15px 20px;
text-decoration:none;
border-radius:50px;
font-weight:bold;
box-shadow:0 2px 10px rgba(0,0,0,.3);
}

.whatsapp-btn:hover{
opacity:0.9;
}

footer{
background:linear-gradient(135deg,#0A2540,#0B2E59);
color:#ffffff;
text-align:center;
padding:45px 20px 35px;
border-top:4px solid #C9A227;
box-shadow:0 -10px 30px rgba(0,0,0,.18);
}

footer h3{
font-size:28px;
letter-spacing:1px;
margin-bottom:12px;
color:#ffffff;
}

footer p{
font-size:16px;
line-height:1.8;
margin-bottom:16px;
}

footer a{
color:#ffffff;
text-decoration:none;
font-weight:600;
}

footer a:hover{
color:#FFD54F;
text-decoration:underline;
}
@media (max-width: 768px) {

  nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    padding: 10px 6px;
  }
  header {
    padding: 20px 12px;
  }

  header img {
    width: 110px;
    height: auto;
  }
  nav a {
    font-size: 14px;
    padding: 8px 6px;
  }

  header h1,
  .hero h1 {
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 12px;
}

  header p,
  .hero p {
    font-size: 16px;
    line-height: 1.6;
  }

  .section {
    padding: 35px 14px;
  }

  .section h2 {
    font-size: 30px;
  }

  .card {
    font-size: 17px;
    line-height: 1.6;
    padding: 24px 18px;
  }

  footer {
  font-size: 16px;
  line-height: 1.6;
  padding-bottom: 110px;
}

footer h3 {
  font-size: 24px;
  line-height: 1.3;
}

footer p {
  margin-bottom: 14px;
}

.whatsapp-btn {
  right: 16px;
  bottom: 18px;
  padding: 14px 22px;
  font-size: 18px;
  border-radius: 40px;
}

  iframe {
    height: 280px;
  }
}
.menu-toggle{
display:none;
background:#0A2540;
color:#fff;
border:none;
font-size:20px;
font-weight:bold;
padding:12px 18px;
cursor:pointer;
width:100%;
}

.nav-links{
display:flex;
justify-content:center;
gap:25px;
}

@media (max-width:768px){

.menu-toggle{
display:block;
}

.nav-links{
display:none;
flex-direction:column;
background:#0A2540;
}

.nav-links.show{
display:flex;
}

.nav-links a{
display:block;
padding:12px 15px;
font-size:18px;
font-weight:600;
text-decoration:none;
color:#fff;
border-top:1px solid rgba(255,255,255,.12);
text-align:center;
transition:.3s;
}

.nav-links a:hover{
background:#12385d;
}

}
.menu-toggle{
display:none;
background:#0A2540;
color:#fff;
border:none;
font-size:20px;
font-weight:bold;
padding:12px 18px;
cursor:pointer;
width:100%;
}

.nav-links{
display:flex;
justify-content:center;
gap:25px;
}

@media (max-width:768px){

.menu-toggle{
display:block;
}

.nav-links{
display:none;
flex-direction:column;
background:#0A2540;
}

.nav-links.show{
display:flex;
}

.nav-links a{
display:block;
padding:12px 15px;
font-size:18px;
font-weight:600;
text-decoration:none;
color:#fff;
border-top:1px solid rgba(255,255,255,.12);
text-align:center;
transition:.3s;
}

.nav-links a:hover{
background:#12385d;
}

}

.belief-box{
    margin-top:35px;
    background:#F4FBF5;
    border-left:6px solid #2E7D32;
    padding:25px 30px;
    border-radius:12px;
}

.belief-box h3{
    color:#0B2E59;
    margin-bottom:15px;
    font-size:24px;
}

.belief-box p{
    font-size:20px;
    font-style:italic;
    color:#2E7D32;
    line-height:1.8;
    margin:0;
}
.core-principle{
    margin-top:20px;
    background:#0B2E59;
    color:#ffffff;
    padding:18px 25px;
    border-radius:12px;
    font-size:18px;
    font-weight:600;
    text-align:center;
    box-shadow:0 6px 18px rgba(0,0,0,0.15);
}

.core-principle strong{
    color:#FFD54F;
}
#industries .service-icon{
background:#0B2E59;
}

#industries .card{
border-top:4px solid #C9A227;
}

#industries .card:hover{
border-top-color:#2E7D32;
}

#commitment .service-icon{
background:#0B2E59;
color:#FFD54F;
}

#commitment .card{
border-top:4px solid #FFD54F;
}

#commitment .card:hover{
border-top-color:#2E7D32;
}
#contact input,
#contact textarea{

width:100%;
padding:16px;
border:2px solid #E5E7EB;
border-radius:12px;
font-size:16px;
font-family:Arial, sans-serif;
background:#ffffff;
transition:.3s ease;
box-sizing:border-box;

}

#contact input:focus,
#contact textarea:focus{

border-color:#2E7D32;
outline:none;
box-shadow:0 0 0 4px rgba(46,125,50,.12);

}

#contact textarea{

resize:vertical;
min-height:140px;

}

#contact .card{
    max-width:980px;
    margin:0 auto;
    padding:25px 30px;
}

#contact .section-subtitle{
max-width:800px;
margin:0 auto 35px;
text-align:center;
}

#contact p{
margin-bottom:20px;
}
#contact form{
max-width:900px;
margin:0 auto;
}
.contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
align-items:stretch;
}

@media(max-width:768px){
.contact-grid{
grid-template-columns:1fr;
}
}
#contact a{
    color:#0B2E59;
    text-decoration:none;
    font-weight:500;
}

#contact a:hover{
    color:#2E7D32;
    text-decoration:underline;
}
#contact iframe{
width:100%;
height:400px;
border:0;
border-radius:12px;
display:block;
}
.footer-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
max-width:1100px;
margin:0 auto;
text-align:left;
align-items:start;
}

.footer-left,
.footer-right{
padding:10px;
}

.footer-left h3{
font-size:30px;
line-height:1.2;
margin-bottom:18px;
letter-spacing:.5px;
}

.footer-right h4{
color:#FFD54F;
font-size:20px;
margin-bottom:12px;
}

.footer-bottom{
border-top:1px solid rgba(255,255,255,.15);
margin-top:30px;
padding-top:20px;
text-align:center;
font-size:15px;
}
.section h2{
    text-align:center;
    font-size:52px;
    color:#0A2540;
    margin-bottom:18px;
    font-weight:700;
    letter-spacing:0.5px;
}
@media(max-width:768px){

.footer-grid{
grid-template-columns:1fr;
text-align:center;
}

.footer-left,
.footer-right{
text-align:center;
}

}
.footer-left p,
.footer-right p,
.footer-bottom p{
color:#D6E4F0 !important;
}

.footer-left a,
.footer-right a{
color:#FFFFFF !important;
text-decoration:none;
}

.footer-left a:hover,
.footer-right a:hover{
color:#FFD54F !important;
}
.footer-line{
width:100px;
height:3px;
background:#FFD54F;
border:none;
margin:22px 0 30px;
border-radius:5px;
}
.footer-left p{
margin-bottom:20px;
}
.contact-card h3{
    font-size:28px;
    color:#0B2E59;
    margin-bottom:25px;
}

.contact-card p{
    font-size:17px;
    line-height:1.8;
}

.contact-card strong{
    font-size:18px;
    color:#000;
}
#contact .contact-grid .card{
padding:40px;
}
.service-icon svg{
width:32px;
height:32px;
stroke:#ffffff;
fill:none;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
}
.service-icon{
    width:70px;
    height:70px;
    background:#0B2E59;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 20px;
}

.service-icon i{
    font-size:32px;
    color:#ffffff;
    line-height:1;
}
#contact .card h3{
    font-size:28px;
    color:#0B2E59;
    margin-bottom:25px;
}

#contact .card i{
    color:#2E7D32;
    font-size:18px;
    margin-right:8px;
}
/* FINAL MOBILE ABOUT US FIX */
@media (max-width:768px){

#about{
    width:auto;
    max-width:none;
    margin:30px 10px;
    padding:30px 18px;
    box-sizing:border-box;
}

#about h2{
    font-size:38px;
    line-height:1.2;
    margin-bottom:18px;
}

#about .section-subtitle{
    font-size:16px;
    line-height:1.5;
    letter-spacing:0;
    margin:0 auto 28px;
    text-align:center;
}

#about p{
    font-size:17px;
    line-height:1.75;
    text-align:left;
    letter-spacing:0;
    word-spacing:0;
}

}
/* FINAL MOBILE POLISH */
@media (max-width:768px){

#about h2{
    font-size:34px;
}

.whatsapp-btn{
    bottom:12px;
    right:12px;
    font-size:16px;
    padding:12px 18px;
}

}


/* Downloads & Company Resources */
.downloads-section{
max-width:1180px;
}

.downloads-section h2{
text-align:center;
font-size:40px;
color:#0B2E59;
margin-bottom:12px;
}

.downloads-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:24px;
margin-top:35px;
}

.download-card{
position:relative;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
background:linear-gradient(180deg,#ffffff 0%,#f8fbf8 100%);
padding:34px 24px 28px;
border-radius:18px;
border:1px solid rgba(11,46,89,.10);
border-top:5px solid #2E7D32;
box-shadow:0 10px 30px rgba(10,37,64,.10);
transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}

.download-card:hover{
transform:translateY(-8px);
box-shadow:0 18px 40px rgba(10,37,64,.16);
border-top-color:#C9A227;
}

.resource-icon{
width:68px;
height:68px;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
font-size:32px;
color:#ffffff;
background:linear-gradient(135deg,#0B2E59,#163a5f);
box-shadow:0 8px 22px rgba(11,46,89,.24);
margin-bottom:17px;
}

.download-card:nth-child(2) .resource-icon{
background:linear-gradient(135deg,#2E7D32,#4A963F);
}

.proposal-card .resource-icon{
background:linear-gradient(135deg,#B78B13,#D0AA32);
}

.resource-meta{
display:inline-block;
font-size:13px;
font-weight:700;
letter-spacing:.7px;
text-transform:uppercase;
color:#2E7D32;
margin-bottom:8px;
}

.download-card h3{
color:#0B2E59;
font-size:23px;
margin:5px 0 12px;
}

.download-card p{
color:#56616d;
font-size:16px;
line-height:1.7;
margin:0 0 22px;
flex-grow:1;
}

.download-btn,
.proposal-btn{
min-width:0;
width:100%;
max-width:290px;
padding:13px 18px;
font-size:15px;
margin-top:auto;
box-sizing:border-box;
}

.download-btn i,
.proposal-btn i{
margin-right:8px;
}

.proposal-btn{
background:#2E7D32;
}

.proposal-btn:hover{
background:#0B2E59;
}

.downloads-note{
text-align:center;
margin:26px 0 0;
font-size:15px;
color:#5a6570;
}

.downloads-note i{
color:#2E7D32;
margin-right:6px;
}

@media (max-width: 900px){
.downloads-grid{
grid-template-columns:1fr;
max-width:620px;
margin-left:auto;
margin-right:auto;
}
}

@media (max-width: 768px){
.downloads-section h2{
font-size:30px;
line-height:1.25;
}

.download-card{
padding:28px 20px 24px;
}

.download-btn,
.proposal-btn{
max-width:100%;
font-size:15px;
}
}

/* Separate Hospitality Services page */
.section-action{
text-align:center;
margin-top:34px;
}

.service-details-btn{
min-width:0;
padding:14px 28px;
}

.service-details-btn i{
margin-left:8px;
}

.action-group{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:14px;
}

.action-group .btn{
margin-top:0;
}

.service-action-secondary{
background:#2E7D32;
}

.service-action-secondary:hover{
background:#0B2E59;
}

/* Services dropdown */
.nav-dropdown{
position:relative;
display:flex;
align-items:center;
}

.nav-dropdown-toggle{
display:flex;
align-items:center;
gap:7px;
background:transparent;
border:0;
color:#ffffff;
padding:16px 22px;
font:inherit;
font-size:18px;
font-weight:600;
cursor:pointer;
transition:.3s;
}

.nav-dropdown-toggle:hover,
.nav-dropdown-toggle:focus-visible,
.nav-dropdown.active .nav-dropdown-toggle{
color:#FFD54F;
outline:none;
}

.nav-dropdown-toggle i{
font-size:13px;
transition:transform .25s ease;
}

.nav-dropdown.open .nav-dropdown-toggle i{
transform:rotate(180deg);
}

.nav-dropdown-menu{
display:none;
position:absolute;
top:calc(100% + 10px);
left:50%;
transform:translateX(-50%);
min-width:270px;
padding:9px;
background:#ffffff;
border:1px solid rgba(11,46,89,.12);
border-radius:13px;
box-shadow:0 16px 34px rgba(10,37,64,.20);
z-index:1100;
}

.nav-dropdown.open .nav-dropdown-menu{
display:block;
}

.nav-dropdown-menu a{
display:block;
color:#0B2E59;
padding:12px 14px;
font-size:15px;
font-weight:700;
line-height:1.35;
text-align:left;
border-radius:9px;
white-space:nowrap;
}

.nav-dropdown-menu a:hover,
.nav-dropdown-menu a:focus-visible,
.nav-dropdown-menu a[aria-current="page"]{
background:#EDF7EE;
color:#2E7D32;
outline:none;
}

@media (min-width:769px){
.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu{
display:block;
}
}

.service-page-hero{
background:
linear-gradient(110deg,rgba(10,37,64,.96),rgba(11,46,89,.86)),
url('../Image/OPM-Hero-1280.webp');
background-size:cover;
background-position:center;
color:#ffffff;
padding:82px 20px 76px;
}

.service-page-hero-inner{
max-width:1100px;
margin:0 auto;
text-align:left;
}

.breadcrumb{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
margin:0 0 18px;
font-size:15px;
color:#D6E4F0;
}

.breadcrumb a{
color:#FFD54F;
text-decoration:none;
font-weight:600;
}

.breadcrumb a:hover{
text-decoration:underline;
}

.service-page-hero h1{
max-width:820px;
font-size:48px;
line-height:1.16;
margin:0 0 20px;
color:#ffffff;
}

.service-page-hero .hero-lead{
max-width:820px;
font-size:20px;
line-height:1.75;
margin:0;
color:#E7EFF6;
}

.hero-actions{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-top:28px;
}

.hero-actions .btn{
margin-top:0;
text-align:center;
box-sizing:border-box;
}

.btn-secondary{
background:transparent;
border:2px solid #FFD54F;
color:#ffffff !important;
box-shadow:none;
}

.btn-secondary:hover{
background:#FFD54F;
color:#0A2540 !important;
}

.service-overview{
max-width:1180px;
}

.service-intro-card{
background:#ffffff;
border-radius:18px;
padding:42px;
box-shadow:0 10px 35px rgba(10,37,64,.09);
border-left:6px solid #2E7D32;
}

.service-intro-card h2{
font-size:38px;
text-align:left;
margin:0 0 18px;
}

.service-intro-card p{
font-size:17px;
line-height:1.85;
color:#53606c;
margin:0;
}

.service-highlights{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
margin-top:28px;
}

.highlight-item{
background:#F7FAFC;
border:1px solid rgba(11,46,89,.10);
border-radius:14px;
padding:22px 18px;
text-align:center;
}

.highlight-item i{
display:block;
color:#2E7D32;
font-size:29px;
margin-bottom:10px;
}

.highlight-item strong{
display:block;
color:#0B2E59;
font-size:16px;
line-height:1.4;
}

.service-detail-section{
max-width:1180px;
}

.service-detail-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:26px;
margin-top:38px;
}

.service-detail-card{
background:#ffffff;
border-radius:18px;
padding:32px;
box-shadow:0 10px 30px rgba(10,37,64,.09);
border-top:5px solid #2E7D32;
transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}

.service-detail-card:hover{
transform:translateY(-6px);
box-shadow:0 18px 38px rgba(10,37,64,.15);
border-top-color:#C9A227;
}

.service-detail-card .service-icon{
margin:0 0 20px;
background:linear-gradient(135deg,#0B2E59,#163a5f);
}

.service-detail-card h3{
font-size:25px;
line-height:1.3;
color:#0B2E59;
margin:0 0 12px;
}

.service-detail-card > p{
font-size:16px;
line-height:1.75;
color:#58636e;
margin:0 0 18px;
}

.service-detail-card.featured-wide{
grid-column:1 / -1;
}

.service-points{
list-style:none;
padding:0;
margin:0;
}

.service-points li{
position:relative;
padding-left:28px;
margin:10px 0;
color:#384654;
line-height:1.55;
}

.service-points li::before{
content:"\F26A";
font-family:"bootstrap-icons";
position:absolute;
left:0;
top:1px;
color:#2E7D32;
font-weight:700;
}

.method-section{
max-width:none;
background:#0A2540;
color:#ffffff;
margin-top:40px;
padding:66px 20px;
}

.method-inner{
max-width:1180px;
margin:0 auto;
}

.method-inner h2{
color:#ffffff;
text-align:center;
}

.method-inner .section-subtitle{
color:#FFD54F;
}

.method-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:15px;
margin-top:38px;
}

.method-step{
position:relative;
text-align:center;
padding:25px 15px;
border:1px solid rgba(255,255,255,.16);
border-radius:16px;
background:rgba(255,255,255,.06);
}

.step-number{
display:flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
margin:0 auto 13px;
border-radius:50%;
background:#2E7D32;
color:#ffffff;
font-size:18px;
font-weight:700;
}

.method-step h3{
margin:0 0 8px;
font-size:18px;
color:#ffffff;
}

.method-step p{
margin:0;
font-size:14px;
line-height:1.55;
color:#D6E4F0;
}

.industry-strip{
max-width:1100px;
text-align:center;
}

.industry-tags{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:13px;
margin-top:28px;
}

.industry-tag{
display:inline-flex;
align-items:center;
gap:8px;
background:#ffffff;
border:1px solid rgba(11,46,89,.12);
border-radius:999px;
padding:12px 18px;
font-weight:600;
color:#0B2E59;
box-shadow:0 5px 16px rgba(10,37,64,.07);
}

.industry-tag i{
color:#2E7D32;
}

.service-inquiry{
max-width:1100px;
}

.inquiry-panel{
display:grid;
grid-template-columns:.85fr 1.15fr;
gap:34px;
align-items:stretch;
background:#ffffff;
border-radius:20px;
overflow:hidden;
box-shadow:0 14px 40px rgba(10,37,64,.12);
}

.inquiry-copy{
background:linear-gradient(145deg,#0A2540,#0B2E59);
color:#ffffff;
padding:42px 36px;
}

.inquiry-copy h2{
color:#ffffff;
font-size:34px;
text-align:left;
margin:0 0 18px;
}

.inquiry-copy p{
color:#D6E4F0;
font-size:16px;
line-height:1.75;
}

.inquiry-contact{
margin-top:28px;
}

.inquiry-contact a{
display:block;
color:#ffffff;
text-decoration:none;
font-weight:600;
margin:13px 0;
}

.inquiry-contact i{
color:#FFD54F;
margin-right:9px;
}

.inquiry-form{
padding:36px;
}

.inquiry-form label{
display:block;
font-size:14px;
font-weight:700;
color:#0B2E59;
margin:0 0 7px;
}

.inquiry-form input,
.inquiry-form select,
.inquiry-form textarea{
width:100%;
padding:14px;
border:2px solid #E5E7EB;
border-radius:11px;
font:inherit;
background:#ffffff;
box-sizing:border-box;
margin-bottom:17px;
}

.inquiry-form textarea{
min-height:120px;
resize:vertical;
}

.inquiry-form input:focus,
.inquiry-form select:focus,
.inquiry-form textarea:focus{
outline:none;
border-color:#2E7D32;
box-shadow:0 0 0 4px rgba(46,125,50,.11);
}

.inquiry-form .btn{
width:100%;
margin-top:2px;
}

.compliance-note{
max-width:950px;
margin:28px auto 0;
padding:18px 22px;
border-radius:13px;
background:#FFF9E8;
border-left:5px solid #C9A227;
color:#5D4A13;
font-size:15px;
line-height:1.7;
}

.compliance-note i{
margin-right:8px;
color:#B78B13;
}

.nav-links a[aria-current="page"]{
color:#FFD54F;
}

@media (max-width: 900px){
.service-highlights{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.method-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.method-step:last-child{
grid-column:1 / -1;
}

.inquiry-panel{
grid-template-columns:1fr;
}
}

@media (max-width: 768px){
.nav-dropdown{
display:block;
width:100%;
}

.nav-dropdown-toggle{
justify-content:center;
width:100%;
padding:12px 15px;
font-size:18px;
border-top:1px solid rgba(255,255,255,.12);
}

.nav-dropdown-menu{
position:static;
transform:none;
min-width:0;
width:100%;
padding:0;
background:#12385d;
border:0;
border-radius:0;
box-shadow:none;
}

.nav-dropdown-menu a{
color:#ffffff;
padding:12px 15px 12px 30px;
font-size:16px;
text-align:center;
white-space:normal;
border-radius:0;
border-top:1px solid rgba(255,255,255,.10);
}

.nav-dropdown-menu a:hover,
.nav-dropdown-menu a:focus-visible,
.nav-dropdown-menu a[aria-current="page"]{
background:#19456f;
color:#FFD54F;
}

.service-page-hero{
padding:58px 18px 54px;
}

.service-page-hero h1{
font-size:34px;
}

.service-page-hero .hero-lead{
font-size:17px;
line-height:1.7;
}

.hero-actions{
display:block;
}

.hero-actions .btn{
display:block;
width:100%;
max-width:380px;
margin:12px 0 0;
}

.service-intro-card{
padding:28px 21px;
}

.service-intro-card h2{
font-size:30px;
}

.service-highlights{
grid-template-columns:1fr;
}

.service-detail-grid{
grid-template-columns:1fr;
gap:20px;
}

.service-detail-card{
padding:27px 21px;
}

.service-detail-card h3{
font-size:23px;
}

.service-detail-card.featured-wide{
grid-column:auto;
}

.method-section{
padding:50px 15px;
}

.method-grid{
grid-template-columns:1fr;
}

.method-step:last-child{
grid-column:auto;
}

.industry-tag{
width:100%;
justify-content:center;
box-sizing:border-box;
}

.inquiry-copy,
.inquiry-form{
padding:30px 22px;
}

.inquiry-copy h2{
font-size:29px;
}

.section-action .btn{
width:100%;
max-width:360px;
box-sizing:border-box;
}

.action-group{
display:grid;
grid-template-columns:1fr;
max-width:390px;
margin-left:auto;
margin-right:auto;
}
}

/* V16 Axis-inspired angled brand header */
header.site-header{
--brand-panel-width:48%;
--brand-angle-depth:52px;
position:sticky;
isolation:isolate;
overflow:visible;
background:#ffffff;
}

header.site-header::before{
content:"";
position:absolute;
inset:0 auto 0 0;
width:var(--brand-panel-width);
background:linear-gradient(135deg,#071F38 0%,#0A3154 72%,#0B3C5F 100%);
clip-path:polygon(
0 0,
100% 0,
calc(100% - var(--brand-angle-depth)) 100%,
0 100%
);
z-index:0;
pointer-events:none;
}

header.site-header::after{
content:"";
position:absolute;
top:0;
bottom:0;
left:calc(var(--brand-panel-width) - var(--brand-angle-depth) - 2px);
width:4px;
background:#C9A227;
transform:skewX(-29deg);
transform-origin:top;
z-index:1;
pointer-events:none;
}

.site-header-inner{
position:relative;
z-index:2;
}

.site-brand{
position:relative;
z-index:2;
padding-right:36px;
}

.site-brand img,
header.site-header .site-brand img{
width:74px;
height:74px;
padding:3px;
box-sizing:border-box;
background:#ffffff;
border:2px solid rgba(255,255,255,.86);
border-radius:50%;
box-shadow:0 5px 16px rgba(0,0,0,.22);
}

.site-brand-title{
color:#ffffff;
font-size:21px;
font-weight:850;
letter-spacing:.25px;
text-shadow:0 1px 2px rgba(0,0,0,.18);
}

.site-brand-tagline{
color:#B9E1BC;
font-size:9.5px;
letter-spacing:.68px;
}

nav.primary-nav{
position:relative;
z-index:3;
}

/* Compact, balanced home hero */
.hero{
min-height:390px;
padding:46px 20px;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}

.hero-content{
width:100%;
max-width:1120px;
margin:0 auto;
text-align:center;
}

.hero h1{
margin:0 0 16px;
font-size:38px;
line-height:1.2;
}

.hero .hero-tagline{
margin:0 0 26px;
color:#ffffff;
font-size:16.5px;
font-weight:800;
line-height:1.5;
letter-spacing:.8px;
}

.hero-content .btn{
min-width:205px;
margin:0;
padding:14px 36px;
font-size:15.5px;
}

@media (max-width:1260px) and (min-width:1101px){
header.site-header{
--brand-panel-width:46%;
--brand-angle-depth:44px;
}

.site-brand{
padding-right:26px;
}

.site-brand-title{
font-size:18px;
}

.site-brand-tagline{
font-size:8.25px;
}
}

@media (max-width:1100px){
header.site-header{
--brand-panel-width:76%;
--brand-angle-depth:38px;
}

.site-header-inner{
min-height:80px;
padding:8px 16px;
}

.site-brand{
width:calc(100% - 124px);
padding-right:30px;
box-sizing:border-box;
}

.site-brand img,
header.site-header .site-brand img{
width:60px;
height:60px;
}

.site-brand-title{
font-size:16.5px;
color:#ffffff;
}

.site-brand-tagline{
color:#B9E1BC;
font-size:8px;
}

.primary-nav .menu-toggle{
background:#0A2540;
color:#ffffff;
border-color:rgba(10,37,64,.18);
}

.primary-nav .nav-links{
z-index:5;
}

.hero{
min-height:340px;
padding:40px 18px;
}

.hero h1{
font-size:30px;
}

.hero .hero-tagline{
font-size:15px;
}
}

@media (max-width:620px){
header.site-header{
--brand-panel-width:79%;
--brand-angle-depth:28px;
}

header.site-header::after{
left:calc(var(--brand-panel-width) - var(--brand-angle-depth) - 1px);
width:3px;
transform:skewX(-24deg);
}

.site-header-inner{
min-height:70px;
padding:6px 8px;
gap:7px;
}

.site-brand{
width:calc(100% - 69px);
gap:7px;
padding-right:22px;
}

.site-brand img,
header.site-header .site-brand img{
width:49px;
height:49px;
padding:2px;
}

.site-brand-title{
max-width:185px;
font-size:14.25px;
line-height:1.15;
letter-spacing:.12px;
color:#ffffff;
white-space:normal;
}

.site-brand-tagline{
display:none;
}

.primary-nav .menu-toggle{
min-width:61px;
padding:9px 8px;
gap:4px;
font-size:11px;
border-radius:7px;
}

.primary-nav .menu-toggle i{
font-size:18px;
}

.primary-nav .menu-toggle span{
position:static;
width:auto;
height:auto;
padding:0;
margin:0;
overflow:visible;
clip:auto;
white-space:normal;
border:0;
}

.hero{
min-height:300px;
padding:32px 15px;
background-position:center;
}

.hero h1{
max-width:340px;
margin:0 auto 14px;
font-size:22.5px;
line-height:1.24;
}

.hero .hero-tagline{
max-width:315px;
margin:0 auto 22px;
font-size:13.5px;
line-height:1.45;
letter-spacing:.35px;
}

.hero-content .btn{
width:250px;
max-width:100%;
min-width:0;
padding:13px 22px;
font-size:14.5px;
box-sizing:border-box;
}
}

@media (max-width:350px){
header.site-header{
--brand-panel-width:80%;
--brand-angle-depth:23px;
}

.site-brand{
width:calc(100% - 59px);
gap:6px;
padding-right:17px;
}

.site-brand img,
header.site-header .site-brand img{
width:44px;
height:44px;
}

.site-brand-title{
max-width:145px;
font-size:12.5px;
}

.primary-nav .menu-toggle{
min-width:54px;
padding:8px 6px;
font-size:10px;
}

.hero{
min-height:280px;
}

.hero h1{
font-size:21px;
}

.hero .hero-tagline{
font-size:13px;
}
}