:root{
--sdi-navy:#12385b;
--sdi-navy-dark:#0d2943;
--sdi-teal:#0f8b8d;
--sdi-saffron:#d97706;
--sdi-bg:#f4f7fa;
--sdi-panel:#eef3f8;
--sdi-border:#d7e0ea;
--sdi-text:#1f2937;
--sdi-muted:#5f6b7a;
--sdi-white:#ffffff;
--sdi-shadow:0 8px 20px rgba(16, 24, 40, 0.06);
--sdi-radius:10px;
--sdi-radius-sm:6px;
--sdi-container:1240px;
--sdi-transition:all .25s ease;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
margin:0;
font-family:'Inter',sans-serif;
font-size:14px;
line-height:1.5;
color:var(--sdi-text);
background:#fff;
}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;}
body.admin-bar .sdi-site-header{top:32px;}
.sdi-container{
width:min(100% - 24px, var(--sdi-container));
margin-inline:auto;
}
.sdi-site-header{
position:sticky;
top:0;
z-index:999;
background:#fff;
border-bottom:1px solid var(--sdi-border);
}
.sdi-topbar{
background:var(--sdi-navy-dark);
color:#fff;
font-size:12px;
}
.sdi-topbar-inner{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
padding:6px 0;
}
.sdi-topbar-right{
display:flex;
gap:14px;
flex-wrap:wrap;
}
.sdi-topbar a:hover{color:#d6f4ff;}
.sdi-navbar-inner{
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:18px;
min-height:68px;
}
.sdi-logo-text{
font-size:24px;
font-weight:800;
letter-spacing:-0.03em;
color:var(--sdi-navy);
}
.sdi-main-nav{justify-self:end;}
.sdi-menu{
list-style:none;
display:flex;
gap:18px;
margin:0;
padding:0;
}
.sdi-menu a{
font-size:13px;
font-weight:700;
color:var(--sdi-navy-dark);
text-transform:uppercase;
letter-spacing:.02em;
}
.sdi-menu a:hover{color:var(--sdi-teal);}
.sdi-btn,
button,
input[type="submit"]{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:10px 16px;
border:1px solid var(--sdi-navy);
background:var(--sdi-navy);
color:#fff;
border-radius:4px;
font-size:13px;
font-weight:700;
transition:var(--sdi-transition);
}
.sdi-btn:hover,
button:hover,
input[type="submit"]:hover{
background:var(--sdi-navy-dark);
border-color:var(--sdi-navy-dark);
color:#fff;
}
.sdi-btn-outline{
background:#fff;
color:var(--sdi-navy);
}
.sdi-btn-outline:hover{
background:var(--sdi-panel);
color:var(--sdi-navy);
}
.sdi-menu-toggle{
display:none;
width:42px;
height:42px;
border:1px solid var(--sdi-border);
border-radius:4px;
background:#fff;
padding:0;
}
.sdi-menu-toggle span{
display:block;
width:20px;
height:2px;
background:var(--sdi-navy);
margin:4px auto;
}
.sdi-section-compact{
padding:20px 0;
}
.sdi-soft-panel{
background:var(--sdi-bg);
border-top:1px solid var(--sdi-border);
border-bottom:1px solid var(--sdi-border);
}
.sdi-breadcrumb-line{
display:flex;
gap:8px;
align-items:center;
flex-wrap:wrap;
font-size:12px;
color:var(--sdi-muted);
margin-bottom:14px;
}
.sdi-hero-compact{
background:#fff;
padding:18px 0 12px;
}
.sdi-hero-compact-grid{
display:grid;
grid-template-columns:2fr 1fr;
gap:18px;
}
.sdi-hero-main,
.sdi-hero-side,
.sdi-quick-panel,
.sdi-doc-card,
.sdi-portal-card,
.sdi-article-card{
min-width:0;
}
.sdi-gov-badge{
display:inline-flex;
align-items:center;
gap:8px;
background:#eef6ff;
color:var(--sdi-navy);
border:1px solid #cfe2f5;
padding:6px 10px;
border-radius:4px;
font-size:12px;
font-weight:700;
margin-bottom:12px;
}
.sdi-dot{
width:8px;
height:8px;
border-radius:50%;
background:var(--sdi-saffron);
}
.sdi-hero-title-compact{
margin:0 0 10px;
font-size:30px;
line-height:1.15;
color:var(--sdi-navy-dark);
font-weight:800;
}
.sdi-hero-desc-compact{
margin:0 0 14px;
max-width:900px;
color:var(--sdi-text);
}
.sdi-hero-actions-compact{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom:14px;
}
.sdi-mini-stats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
}
.sdi-mini-stat{
background:#f8fbff;
border:1px solid var(--sdi-border);
padding:12px;
border-radius:4px;
}
.sdi-mini-stat strong{
display:block;
color:var(--sdi-navy-dark);
font-size:13px;
margin-bottom:4px;
}
.sdi-mini-stat span{
display:block;
color:var(--sdi-muted);
font-size:12px;
}
.sdi-quick-panel{
background:#f9fbfd;
border:1px solid var(--sdi-border);
border-top:3px solid var(--sdi-saffron);
border-radius:4px;
padding:16px;
box-shadow:var(--sdi-shadow);
}
.sdi-quick-panel h2{
margin:0 0 12px;
font-size:18px;
color:var(--sdi-navy-dark);
}
.sdi-quick-links{
list-style:none;
margin:0;
padding:0;
}
.sdi-quick-links li+li{
margin-top:8px;
}
.sdi-quick-links a{
display:flex;
align-items:center;
gap:10px;
padding:10px 12px;
background:#fff;
border:1px solid var(--sdi-border);
border-radius:4px;
font-weight:600;
color:var(--sdi-text);
}
.sdi-quick-links a:hover{
background:#eef6ff;
color:var(--sdi-navy);
}
.sdi-inline-icon svg,
.sdi-portal-card-icon svg,
.sdi-usecase-item span svg{
width:18px;
height:18px;
display:block;
}
.sdi-notice-bar{
display:grid;
grid-template-columns:240px 1fr;
border:1px solid var(--sdi-border);
background:#fff;
}
.sdi-notice-label{
background:var(--sdi-navy);
color:#fff;
font-weight:700;
padding:12px 14px;
font-size:13px;
}
.sdi-notice-content{
padding:12px 14px;
color:var(--sdi-text);
font-weight:600;
font-size:13px;
}
.sdi-section-bar{
display:flex;
justify-content:space-between;
align-items:center;
gap:16px;
margin-bottom:14px;
border-bottom:2px solid var(--sdi-navy);
padding-bottom:8px;
}
.sdi-section-bar h2{
margin:0;
font-size:21px;
color:var(--sdi-navy-dark);
}
.sdi-section-bar a{
color:var(--sdi-teal);
font-size:13px;
font-weight:700;
}
.sdi-portal-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
}
.sdi-portal-card{
display:block;
background:#fff;
border:1px solid var(--sdi-border);
border-radius:4px;
padding:14px;
box-shadow:var(--sdi-shadow);
transition:var(--sdi-transition);
}
.sdi-portal-card:hover{
transform:translateY(-2px);
border-color:#b8d0e6;
}
.sdi-portal-card-icon{
width:36px;
height:36px;
display:inline-flex;
align-items:center;
justify-content:center;
background:#edf6ff;
color:var(--sdi-navy);
border-radius:4px;
margin-bottom:10px;
}
.sdi-portal-card h3{
margin:0 0 6px;
font-size:17px;
color:var(--sdi-navy-dark);
}
.sdi-portal-card p{
margin:0;
font-size:13px;
color:var(--sdi-muted);
}
.sdi-doc-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
}
.sdi-doc-card{
background:#fff;
border:1px solid var(--sdi-border);
padding:14px;
border-radius:4px;
}
.sdi-doc-card h3{
margin:0 0 10px;
font-size:17px;
color:var(--sdi-navy-dark);
}
.sdi-doc-card ul{
margin:0;
padding-left:18px;
}
.sdi-doc-card li{
margin-bottom:6px;
color:var(--sdi-text);
font-size:13px;
}
.sdi-usecase-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
}
.sdi-usecase-item{
display:flex;
align-items:center;
gap:10px;
background:#fff;
border:1px solid var(--sdi-border);
padding:12px;
border-radius:4px;
font-size:13px;
}
.sdi-usecase-item span{
width:24px;
height:24px;
display:inline-flex;
align-items:center;
justify-content:center;
background:#edf9f8;
color:var(--sdi-teal);
border-radius:4px;
flex:0 0 24px;
}
.sdi-download-table-wrap{
background:#fff;
border:1px solid var(--sdi-border);
overflow:auto;
}
.sdi-download-table{
width:100%;
border-collapse:collapse;
}
.sdi-download-table th{
background:var(--sdi-navy);
color:#fff;
text-align:left;
padding:12px;
font-size:13px;
}
.sdi-download-table td{
padding:12px;
border-top:1px solid var(--sdi-border);
font-size:13px;
}
.sdi-download-table td a{
display:inline-block;
padding:7px 12px;
background:var(--sdi-teal);
color:#fff;
border-radius:4px;
font-weight:700;
font-size:12px;
}
.sdi-article-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
}
.sdi-article-card{
background:#fff;
border:1px solid var(--sdi-border);
border-radius:4px;
padding:14px;
}
.sdi-article-card h3{
margin:0 0 8px;
font-size:17px;
color:var(--sdi-navy-dark);
}
.sdi-article-card p{
margin:0;
font-size:13px;
color:var(--sdi-muted);
}
.sdi-official-contact-box{
display:flex;
justify-content:space-between;
align-items:center;
gap:16px;
padding:18px;
border:1px solid var(--sdi-border);
border-left:5px solid var(--sdi-saffron);
background:#fffaf4;
}
.sdi-official-contact-box h2{
margin:0 0 6px;
font-size:22px;
color:var(--sdi-navy-dark);
}
.sdi-official-contact-box p{
margin:0;
}
.sdi-official-contact-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
}
.sdi-site-footer{
background:var(--sdi-navy-dark);
color:#d8e1eb;
margin-top:24px;
}
.sdi-footer-main{
padding:28px 0 18px;
}
.sdi-footer-grid{
display:grid;
grid-template-columns:1.3fr 1fr 1fr 1fr;
gap:18px;
}
.sdi-site-footer h3{
margin:0 0 10px;
color:#fff;
font-size:17px;
}
.sdi-footer-contact{
display:grid;
gap:8px;
margin-top:10px;
}
.sdi-footer-links,
.sdi-footer-menu{
list-style:none;
margin:0;
padding:0;
display:grid;
gap:8px;
}
.sdi-site-footer a:hover{color:#8ce5da;}
.sdi-footer-bottom{
border-top:1px solid rgba(255,255,255,.1);
padding:12px 0;
}
.sdi-footer-bottom-inner{
display:flex;
justify-content:space-between;
gap:12px;
flex-wrap:wrap;
}
.sdi-footer-bottom-inner p{
margin:0;
font-size:12px;
}
.sdi-contact-float{
position:fixed;
right:14px;
bottom:14px;
z-index:999;
display:flex;
flex-direction:column;
gap:8px;
}
.sdi-contact-float a{
width:46px;
height:46px;
border-radius:4px;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
background:var(--sdi-navy);
box-shadow:var(--sdi-shadow);
}
.sdi-contact-float a:last-child{
background:#128c7e;
}
.sdi-contact-float a svg{
width:20px;
height:20px;
}
.sdi-reveal{
opacity:0;
transform:translateY(12px);
transition:all .5s ease;
}
.sdi-reveal.is-visible{
opacity:1;
transform:translateY(0);
}
.screen-reader-text{
position:absolute;
left:-9999px;
}
@media (max-width: 1024px){
.sdi-hero-compact-grid,
.sdi-doc-grid,
.sdi-portal-grid,
.sdi-article-grid,
.sdi-usecase-grid,
.sdi-footer-grid{
grid-template-columns:repeat(2,1fr);
}
.sdi-mini-stats{
grid-template-columns:1fr;
}
}
@media (max-width: 991px){
.sdi-navbar-inner{
grid-template-columns:auto auto;
}
.sdi-main-nav{
position:absolute;
top:100%;
left:0;
right:0;
display:none;
background:#fff;
border-top:1px solid var(--sdi-border);
padding:12px;
}
.sdi-main-nav.active{display:block;}
.sdi-menu{
flex-direction:column;
align-items:flex-start;
gap:12px;
}
.sdi-nav-cta{display:none;}
.sdi-menu-toggle{display:block;justify-self:end;}
}
@media (max-width: 767px){
body.admin-bar .sdi-site-header{top:46px;}
.sdi-topbar{display:none;}
.sdi-hero-title-compact{font-size:24px;}
.sdi-hero-compact-grid,
.sdi-doc-grid,
.sdi-portal-grid,
.sdi-article-grid,
.sdi-usecase-grid,
.sdi-footer-grid,
.sdi-notice-bar{
grid-template-columns:1fr;
}
.sdi-official-contact-box,
.sdi-footer-bottom-inner{
flex-direction:column;
align-items:flex-start;
}
.sdi-section-bar{
flex-direction:column;
align-items:flex-start;
}
}
.sdi-article-meta{
font-size:12px;
color:var(--sdi-teal);
font-weight:700;
margin-bottom:8px;
}
.sdi-article-card h3 a{
color:var(--sdi-navy-dark);
}
.sdi-article-card h3 a:hover{
color:var(--sdi-teal);
}
.sdi-read-more{
display:inline-block;
margin-top:10px;
font-size:12px;
font-weight:700;
color:var(--sdi-navy);
text-transform:uppercase;
}
.sdi-read-more:hover{
color:var(--sdi-teal);
}
.sdi-page-intro{
background:#fff;
border:1px solid var(--sdi-border);
padding:14px;
margin-bottom:14px;
}
.sdi-page-intro p{
margin:0;
font-size:13px;
color:var(--sdi-text);
}
.sdi-contact-layout{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
}
.sdi-doc-card ul{
margin:0;
padding-left:18px;
}
.sdi-doc-card li strong{
color:var(--sdi-navy-dark);
}
@media (max-width: 767px){
.sdi-contact-layout{
grid-template-columns:1fr;
}
}
.sdi-legal-box{
background:#fff;
border:1px solid var(--sdi-border);
padding:18px;
}
.sdi-legal-box h2{
margin:18px 0 8px;
font-size:18px;
color:var(--sdi-navy-dark);
}
.sdi-legal-box p{
margin:0 0 10px;
font-size:13px;
color:var(--sdi-text);
}
.sdi-editor-content p{
margin:0 0 12px;
}
.sdi-editor-content ul,
.sdi-editor-content ol{
padding-left:20px;
margin:0 0 12px;
}
.sdi-editor-content h2,
.sdi-editor-content h3,
.sdi-editor-content h4{
color:var(--sdi-navy-dark);
margin:18px 0 8px;
}
.sdi-faq-wrap{
background:#fff;
border:1px solid var(--sdi-border);
}
.sdi-faq-item + .sdi-faq-item{
border-top:1px solid var(--sdi-border);
}
.sdi-faq-question{
width:100%;
text-align:left;
background:#fff;
color:var(--sdi-navy-dark);
border:none;
box-shadow:none;
padding:14px 16px;
font-size:14px;
font-weight:700;
cursor:pointer;
position:relative;
}
.sdi-faq-question::after{
content:"+";
position:absolute;
right:16px;
top:50%;
transform:translateY(-50%);
font-size:18px;
color:var(--sdi-teal);
}
.sdi-faq-item.active .sdi-faq-question::after{
content:"−";
}
.sdi-faq-answer{
display:none;
padding:0 16px 14px;
}
.sdi-faq-item.active .sdi-faq-answer{
display:block;
}
.sdi-faq-answer p{
margin:0;
font-size:13px;
color:var(--sdi-text);
}
.sdi-blog-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
}
.sdi-blog-card{
background:#fff;
border:1px solid var(--sdi-border);
}
.sdi-blog-card-inner{
padding:14px;
}
.sdi-blog-meta{
font-size:12px;
font-weight:700;
color:var(--sdi-teal);
margin-bottom:8px;
}
.sdi-blog-title{
margin:0 0 8px;
font-size:18px;
line-height:1.3;
}
.sdi-blog-title a{
color:var(--sdi-navy-dark);
}
.sdi-blog-title a:hover{
color:var(--sdi-teal);
}
.sdi-blog-excerpt{
margin:0;
font-size:13px;
color:var(--sdi-text);
}
.sdi-pagination{
margin-top:18px;
}
.sdi-single-wrap{
max-width:900px;
}
.sdi-single-post{
background:#fff;
border:1px solid var(--sdi-border);
padding:18px;
}
.sdi-single-header{
margin-bottom:16px;
border-bottom:1px solid var(--sdi-border);
padding-bottom:12px;
}
.sdi-single-title{
margin:0;
font-size:30px;
line-height:1.2;
color:var(--sdi-navy-dark);
}
.sdi-single-content{
font-size:14px;
color:var(--sdi-text);
}
.sdi-single-content h2,
.sdi-single-content h3,
.sdi-single-content h4{
color:var(--sdi-navy-dark);
margin:18px 0 10px;
}
.sdi-single-content p{
margin:0 0 12px;
}
.sdi-single-content ul,
.sdi-single-content ol{
margin:0 0 12px;
padding-left:20px;
}
.sdi-single-content a{
color:var(--sdi-teal);
}
@media (max-width: 767px){
.sdi-blog-grid{
grid-template-columns:1fr;
}
.sdi-single-title{
font-size:24px;
}
.sdi-single-post{
padding:14px;
}
}
.sdi-topbar-left{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
}
.sdi-top-sep{
opacity:.5;
}
.sdi-brand-strip{
background:#fff;
border-bottom:1px solid var(--sdi-border);
}
.sdi-brand-strip-inner{
display:flex;
justify-content:space-between;
align-items:center;
gap:16px;
padding:12px 0;
}
.sdi-brand-block{
display:flex;
align-items:center;
gap:12px;
}
.sdi-brand-svg{
width:58px;
flex:0 0 58px;
}
.sdi-brand-text strong{
display:block;
font-size:24px;
color:var(--sdi-navy-dark);
line-height:1.1;
}
.sdi-brand-text small{
display:block;
font-size:12px;
color:var(--sdi-muted);
margin-top:3px;
}
.sdi-brand-right{
display:flex;
gap:10px;
flex-wrap:wrap;
justify-content:flex-end;
}
.sdi-brand-info-box{
display:flex;
flex-direction:column;
gap:2px;
padding:8px 10px;
background:#f8fbfe;
border:1px solid var(--sdi-border);
min-width:220px;
}
.sdi-brand-info-label{
font-size:11px;
font-weight:700;
text-transform:uppercase;
color:var(--sdi-teal);
}
.sdi-brand-info-value{
font-size:12px;
color:var(--sdi-navy-dark);
font-weight:600;
}
.sdi-navbar{
background:var(--sdi-navy);
}
.sdi-navbar-inner{
display:grid;
grid-template-columns:1fr auto;
align-items:center;
min-height:52px;
}
.sdi-main-nav{
justify-self:start;
}
.sdi-menu a{
color:#fff;
font-size:12px;
}
.sdi-menu a:hover{
color:#d1fae5;
}
.sdi-nav-cta .sdi-btn{
min-height:34px;
padding:8px 14px;
background:#fff;
color:var(--sdi-navy);
border-color:#fff;
font-size:12px;
}
.sdi-nav-cta .sdi-btn:hover{
background:#eaf2f8;
color:var(--sdi-navy-dark);
}
@media (max-width: 991px){
.sdi-brand-strip-inner{
flex-direction:column;
align-items:flex-start;
}
.sdi-brand-right{
width:100%;
justify-content:flex-start;
}
.sdi-navbar-inner{
grid-template-columns:auto auto;
}
.sdi-main-nav{
position:absolute;
top:100%;
left:0;
right:0;
display:none;
background:var(--sdi-navy);
border-top:1px solid rgba(255,255,255,.12);
padding:12px;
}
.sdi-main-nav.active{
display:block;
}
.sdi-menu{
flex-direction:column;
align-items:flex-start;
}
.sdi-nav-cta{
display:none;
}
.sdi-menu-toggle{
display:block;
justify-self:end;
background:#fff;
}
}
@media (max-width: 767px){
.sdi-brand-text strong{
font-size:20px;
}
.sdi-brand-info-box{
min-width:100%;
}
}
.sdi-nav-tools{
display:flex;
align-items:center;
gap:10px;
}
.sdi-nav-search{
display:block;
}
.sdi-search-form{
display:flex;
align-items:center;
gap:6px;
}
.sdi-search-label{
display:block;
margin:0;
}
.sdi-search-field{
width:220px;
height:34px;
border:1px solid rgba(255,255,255,.18);
background:rgba(255,255,255,.08);
color:#fff;
padding:0 10px;
font-size:12px;
outline:none;
}
.sdi-search-field::placeholder{
color:rgba(255,255,255,.75);
}
.sdi-search-field:focus{
border-color:#8bd3dd;
background:rgba(255,255,255,.12);
}
.sdi-search-submit{
height:34px;
padding:0 12px;
border:1px solid #fff;
background:#fff;
color:var(--sdi-navy);
font-size:12px;
font-weight:700;
cursor:pointer;
}
.sdi-search-submit:hover{
background:#eaf2f8;
}
@media (max-width: 991px){
.sdi-nav-search{
display:none;
}
}
.sdi-single-layout{
display:grid;
grid-template-columns:minmax(0,1fr) 300px;
gap:14px;
align-items:start;
}
.sdi-single-main{
min-width:0;
}
.sdi-single-sidebar{
display:grid;
gap:12px;
}
.sdi-sidebar-box{
background:#fff;
border:1px solid var(--sdi-border);
padding:14px;
}
.sdi-sidebar-box h3{
margin:0 0 10px;
font-size:16px;
color:var(--sdi-navy-dark);
}
.sdi-sidebar-box p{
margin:0 0 10px;
font-size:13px;
color:var(--sdi-text);
}
.sdi-sidebar-box ul{
margin:0;
padding-left:18px;
}
.sdi-sidebar-box li{
margin-bottom:8px;
font-size:13px;
}
.sdi-sidebar-box li a{
color:var(--sdi-navy);
}
.sdi-sidebar-box li a:hover{
color:var(--sdi-teal);
}
.sdi-sidebar-box .sdi-search-form{
display:grid;
grid-template-columns:1fr auto;
gap:6px;
}
.sdi-sidebar-box .sdi-search-field{
width:100%;
background:#fff;
color:var(--sdi-navy-dark);
border:1px solid var(--sdi-border);
}
.sdi-sidebar-box .sdi-search-field::placeholder{
color:var(--sdi-muted);
}
@media (max-width: 991px){
.sdi-single-layout{
grid-template-columns:1fr;
}
}
.sdi-form-note{
margin-bottom:12px;
}
.sdi-form-note p{
margin:0 0 8px;
font-size:13px;
color:var(--sdi-text);
}
.sdi-form-note code{
display:inline-block;
background:#f4f7fa;
border:1px solid var(--sdi-border);
padding:6px 8px;
font-size:12px;
color:var(--sdi-navy-dark);
}
.sdi-contact-form-wrap input,
.sdi-contact-form-wrap select,
.sdi-contact-form-wrap textarea{
width:100%;
border:1px solid var(--sdi-border);
padding:10px 12px;
font-size:13px;
color:var(--sdi-navy-dark);
background:#fff;
margin-bottom:10px;
}
.sdi-contact-form-wrap input[type="submit"],
.sdi-contact-form-wrap button,
.sdi-contact-form-wrap .wpcf7-submit{
width:auto;
min-width:150px;
background:var(--sdi-teal);
color:#fff;
border:1px solid var(--sdi-teal);
cursor:pointer;
font-weight:700;
}
.sdi-contact-form-wrap input[type="submit"]:hover,
.sdi-contact-form-wrap button:hover,
.sdi-contact-form-wrap .wpcf7-submit:hover{
background:var(--sdi-navy);
border-color:var(--sdi-navy);
}
.sdi-doc-card,
.sdi-article-card,
.sdi-blog-card,
.sdi-legal-box,
.sdi-page-intro,
.sdi-sidebar-box,
.sdi-single-post,
.sdi-download-table-wrap,
.sdi-faq-wrap{
border-radius:0;
}
.sdi-btn,
.sdi-search-submit,
.sdi-contact-form-wrap input[type="submit"],
.sdi-contact-form-wrap button,
.sdi-contact-form-wrap .wpcf7-submit{
transition:all .25s ease;
}
.sdi-doc-card:hover,
.sdi-article-card:hover,
.sdi-blog-card:hover,
.sdi-sidebar-box:hover{
transform:translateY(-2px);
box-shadow:0 10px 22px rgba(18,56,91,.08);
}
.sdi-single-content table{
width:100%;
border-collapse:collapse;
margin:12px 0;
}
.sdi-single-content table th,
.sdi-single-content table td{
border:1px solid var(--sdi-border);
padding:8px 10px;
font-size:13px;
}
.sdi-single-content blockquote{
border-left:3px solid var(--sdi-teal);
margin:14px 0;
padding:10px 14px;
background:#f8fbfe;
color:var(--sdi-navy-dark);
}
.sdi-footer-links li{
margin-bottom:6px;
}
.sdi-live-ticker{
display:grid;
grid-template-columns:140px 1fr;
background:linear-gradient(90deg,var(--sdi-navy-dark),var(--sdi-navy));
border-bottom:1px solid rgba(255,255,255,.08);
overflow:hidden;
}
.sdi-ticker-label{
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,var(--sdi-red),var(--sdi-orange));
color:#fff;
font-size:12px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.08em;
min-height:42px;
}
.sdi-ticker-wrap{
display:flex;
align-items:center;
gap:10px;
padding:0 10px;
min-width:0;
}
.sdi-ticker-pause{
height:28px;
padding:0 10px;
border:1px solid rgba(255,255,255,.18);
background:rgba(255,255,255,.08);
color:#fff;
font-size:11px;
font-weight:700;
cursor:pointer;
flex:0 0 auto;
}
.sdi-ticker-track-wrap{
overflow:hidden;
min-width:0;
width:100%;
}
.sdi-ticker-track{
display:flex;
width:max-content;
animation:sdiTickerMove 26s linear infinite;
}
.sdi-ticker-group{
display:flex;
align-items:center;
gap:10px;
flex-shrink:0;
min-width:max-content;
padding-right:10px;
}
.sdi-ticker-group a{
display:inline-flex;
align-items:center;
white-space:nowrap;
color:#fff;
font-size:12px;
font-weight:700;
padding:10px 14px;
position:relative;
}
.sdi-ticker-group a::after{
content:"";
width:5px;
height:5px;
border-radius:50%;
background:var(--sdi-gold);
margin-left:10px;
box-shadow:0 0 0 4px rgba(245,158,11,.16);
}
.sdi-live-ticker.is-paused .sdi-ticker-track,
.sdi-ticker-track-wrap:hover .sdi-ticker-track,
.sdi-ticker-track-wrap:focus-within .sdi-ticker-track{
animation-play-state:paused;
}
@keyframes sdiTickerMove{
from{transform:translateX(0);}
to{transform:translateX(-50%);}
}
.sdi-hero-rich{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at top left, rgba(14,165,233,.22), transparent 32%),
radial-gradient(circle at right center, rgba(124,58,237,.16), transparent 28%),
linear-gradient(135deg, #f4f8fb 0%, #eef6ff 36%, #f9fbff 100%);
}
.sdi-hero-grid{
display:grid;
grid-template-columns:1.08fr .92fr;
gap:18px;
align-items:center;
}
.sdi-hero-badges{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-bottom:10px;
}
.sdi-badge{
display:inline-flex;
align-items:center;
min-height:28px;
padding:4px 10px;
font-size:11px;
font-weight:800;
color:#fff;
text-transform:uppercase;
letter-spacing:.06em;
}
.sdi-badge.blue{background:linear-gradient(135deg,var(--sdi-blue),var(--sdi-sky));}
.sdi-badge.teal{background:linear-gradient(135deg,var(--sdi-teal),var(--sdi-cyan));}
.sdi-badge.gold{background:linear-gradient(135deg,var(--sdi-gold),var(--sdi-orange));}
.sdi-hero-content h1{
font-size:44px;
line-height:1.08;
margin:0 0 12px;
color:var(--sdi-navy-dark);
}
.sdi-hero-content p{
font-size:15px;
color:var(--sdi-text);
max-width:700px;
}
.sdi-hero-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:16px;
}
.sdi-btn-light{
background:#fff;
color:var(--sdi-navy-dark);
border:1px solid var(--sdi-border);
}
.sdi-btn-light:hover{
background:#eef5fb;
}
.sdi-hero-mini-links{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:14px;
}
.sdi-hero-mini-links a{
font-size:12px;
font-weight:700;
color:var(--sdi-blue);
padding:7px 10px;
background:rgba(29,78,216,.06);
}
.sdi-hero-panel{
position:relative;
min-height:430px;
overflow:hidden;
background:linear-gradient(145deg,#ffffff,#edf5fd);
border:1px solid var(--sdi-border);
}
.sdi-hero-orb{
position:absolute;
border-radius:50%;
filter:blur(10px);
animation:sdiFloatSlow 8s ease-in-out infinite;
}
.orb-one{
width:180px;
height:180px;
background:radial-gradient(circle,var(--sdi-cyan),transparent 68%);
top:-20px;
right:-10px;
}
.orb-two{
width:220px;
height:220px;
background:radial-gradient(circle,var(--sdi-purple),transparent 68%);
left:-40px;
bottom:-20px;
animation-delay:1.5s;
}
.floating-card{
position:absolute;
background:rgba(255,255,255,.82);
backdrop-filter:blur(8px);
border:1px solid rgba(217,227,238,.9);
box-shadow:0 18px 40px rgba(18,56,91,.08);
animation:sdiFloatCard 5.5s ease-in-out infinite;
}
.card-a{
top:28px;
right:22px;
width:220px;
padding:14px;
}
.card-b{
bottom:34px;
left:20px;
width:220px;
padding:14px;
animation-delay:1.4s;
}
.card-c{
top:92px;
left:50%;
transform:translateX(-50%);
width:250px;
padding:20px 18px;
text-align:center;
animation-delay:.8s;
}
.sdi-hero-stat-card h3,
.sdi-hero-center-card h2{
margin:0 0 8px;
color:var(--sdi-navy-dark);
}
.sdi-hero-stat-card p,
.sdi-hero-center-card p{
margin:0;
font-size:13px;
color:var(--sdi-text);
}
.sdi-hero-center-icon{
width:72px;
margin:0 auto 12px;
}
@keyframes sdiFloatSlow{
0%,100%{transform:translateY(0);}
50%{transform:translateY(14px);}
}
@keyframes sdiFloatCard{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-10px);}
}
.sdi-service-link-band{
background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
}
.sdi-service-link-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
}
.sdi-service-link-card{
display:block;
padding:18px;
min-height:150px;
color:#fff;
position:relative;
overflow:hidden;
box-shadow:0 16px 30px rgba(18,56,91,.08);
transition:transform .28s ease, box-shadow .28s ease;
}
.sdi-service-link-card::before{
content:"";
position:absolute;
inset:auto -30px -30px auto;
width:110px;
height:110px;
border-radius:50%;
background:rgba(255,255,255,.14);
}
.sdi-service-link-card:hover{
transform:translateY(-4px);
box-shadow:0 20px 34px rgba(18,56,91,.14);
}
.sdi-service-link-card h3{
margin:0 0 8px;
color:#fff;
font-size:21px;
}
.sdi-service-link-card p{
margin:0;
color:rgba(255,255,255,.92);
font-size:13px;
}
.sdi-service-link-card.navy{background:linear-gradient(135deg,#0f2740,#12385b);}
.sdi-service-link-card.teal{background:linear-gradient(135deg,#0f8b8d,#06b6d4);}
.sdi-service-link-card.blue{background:linear-gradient(135deg,#1d4ed8,#0ea5e9);}
.sdi-service-link-card.gold{background:linear-gradient(135deg,#f59e0b,#f97316);}
.sdi-service-link-card.purple{background:linear-gradient(135deg,#7c3aed,#db2777);}
.sdi-service-link-card.orange{background:linear-gradient(135deg,#ea580c,#dc2626);}
.sdi-location-ribbon-section{
padding:0 0 12px;
}
.sdi-location-ribbon{
display:flex;
gap:10px;
flex-wrap:wrap;
}
.sdi-location-ribbon a{
display:inline-flex;
align-items:center;
min-height:36px;
padding:8px 14px;
background:linear-gradient(135deg,rgba(15,139,141,.12),rgba(29,78,216,.08));
border:1px solid var(--sdi-border);
color:var(--sdi-navy-dark);
font-size:12px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.05em;
}
@media (prefers-reduced-motion: reduce){
.sdi-ticker-track,
.sdi-hero-orb,
.floating-card{
animation:none !important;
}
}
@media (max-width: 991px){
.sdi-live-ticker{
grid-template-columns:1fr;
}
.sdi-ticker-label{
justify-content:flex-start;
padding:0 14px;
}
.sdi-hero-grid{
grid-template-columns:1fr;
}
.sdi-hero-panel{
min-height:360px;
}
.sdi-service-link-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media (max-width: 767px){
.sdi-hero-content h1{
font-size:31px;
}
.sdi-service-link-grid{
grid-template-columns:1fr;
}
.card-a,
.card-b,
.card-c{
position:relative;
width:100%;
top:auto;
left:auto;
right:auto;
bottom:auto;
transform:none;
margin-bottom:12px;
}
.sdi-hero-panel{
padding:14px;
min-height:auto;
}
}
/* =========================
FINAL UI CLEANUP LAYER
========================= */
/* Global rhythm */
body{
background:linear-gradient(180deg,#f4f8fb 0%,#f8fbff 42%,#f4f8fb 100%);
}
.sdi-section-compact{
padding:18px 0;
}
.sdi-container{
width:min(1180px, calc(100% - 24px));
margin:0 auto;
}
/* Better section headings */
.sdi-section-bar{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:12px;
padding-bottom:8px;
border-bottom:1px solid rgba(18,56,91,.08);
}
.sdi-section-bar h1,
.sdi-section-bar h2{
margin:0;
line-height:1.1;
letter-spacing:-0.02em;
color:var(--sdi-navy-dark);
}
.sdi-section-bar h1{
font-size:32px;
}
.sdi-section-bar h2{
font-size:24px;
}
.sdi-section-bar a{
display:inline-flex;
align-items:center;
min-height:34px;
padding:7px 12px;
background:linear-gradient(135deg,rgba(29,78,216,.08),rgba(15,139,141,.08));
border:1px solid rgba(18,56,91,.08);
color:var(--sdi-navy-dark);
font-size:12px;
font-weight:700;
white-space:nowrap;
}
/* Unified cards */
.sdi-doc-card,
.sdi-article-card,
.sdi-blog-card,
.sdi-sidebar-box,
.sdi-legal-box,
.sdi-page-intro,
.sdi-single-post,
.sdi-download-table-wrap,
.sdi-faq-wrap,
.sdi-official-contact-box,
.sdi-hero-panel{
background:#fff;
border:1px solid rgba(18,56,91,.08);
box-shadow:0 12px 30px rgba(18,56,91,.05);
transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.sdi-doc-card:hover,
.sdi-article-card:hover,
.sdi-blog-card:hover,
.sdi-sidebar-box:hover{
transform:translateY(-3px);
box-shadow:0 18px 34px rgba(18,56,91,.10);
border-color:rgba(15,139,141,.25);
}
/* Typography cleanup */
.sdi-doc-card h3,
.sdi-article-card h3,
.sdi-sidebar-box h3,
.sdi-official-contact-content h2,
.sdi-legal-box h2{
color:var(--sdi-navy-dark);
line-height:1.22;
letter-spacing:-0.01em;
}
.sdi-doc-card p,
.sdi-article-card p,
.sdi-page-intro p,
.sdi-legal-box p,
.sdi-single-content p,
.sdi-blog-excerpt,
.sdi-sidebar-box p{
color:var(--sdi-text);
font-size:13px;
line-height:1.72;
}
/* Better links */
a{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
.sdi-doc-card a,
.sdi-article-card a,
.sdi-blog-title a,
.sdi-single-content a,
.sdi-footer-links a{
transition:color .24s ease, opacity .24s ease;
}
/* Buttons */
.sdi-btn,
.sdi-search-submit,
.sdi-contact-form-wrap input[type="submit"],
.sdi-contact-form-wrap button,
.sdi-contact-form-wrap .wpcf7-submit{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:10px 16px;
background:linear-gradient(135deg,var(--sdi-teal),var(--sdi-blue));
color:#fff;
border:1px solid transparent;
font-size:12px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
box-shadow:0 10px 24px rgba(15,139,141,.18);
transition:transform .24s ease, box-shadow .24s ease, opacity .24s ease, background .24s ease;
}
.sdi-btn:hover,
.sdi-search-submit:hover,
.sdi-contact-form-wrap input[type="submit"]:hover,
.sdi-contact-form-wrap button:hover,
.sdi-contact-form-wrap .wpcf7-submit:hover{
transform:translateY(-1px);
box-shadow:0 14px 28px rgba(18,56,91,.20);
}
.sdi-btn-light{
background:#fff;
color:var(--sdi-navy-dark);
border:1px solid rgba(18,56,91,.10);
box-shadow:none;
}
.sdi-btn-light:hover{
background:#f3f8fd;
color:var(--sdi-navy-dark);
box-shadow:none;
}
/* Top nav cleanup */
.sdi-menu{
gap:2px;
}
.sdi-menu li{
margin:0;
}
.sdi-menu a{
display:inline-flex;
align-items:center;
min-height:40px;
padding:10px 12px;
border-radius:0;
font-size:12px;
font-weight:700;
letter-spacing:.03em;
text-transform:uppercase;
}
.sdi-menu .current-menu-item > a,
.sdi-menu .current_page_item > a{
background:rgba(255,255,255,.12);
color:#fff;
}
/* Hero polish */
.sdi-hero{
padding:20px 0;
}
.sdi-hero-content h1{
letter-spacing:-0.03em;
}
.sdi-hero-content p{
margin:0;
max-width:720px;
}
.sdi-hero-mini-links a{
border:1px solid rgba(29,78,216,.10);
transition:transform .24s ease, background .24s ease, color .24s ease;
}
.sdi-hero-mini-links a:hover{
transform:translateY(-2px);
background:rgba(15,139,141,.08);
color:var(--sdi-teal);
}
/* Rich gradient support areas */
.sdi-gradient-section{
background:
radial-gradient(circle at top left, rgba(249,115,22,.10), transparent 26%),
radial-gradient(circle at right center, rgba(124,58,237,.08), transparent 22%),
linear-gradient(180deg,#ffffff 0%,#f6f9ff 100%);
}
/* Grids */
.sdi-doc-grid,
.sdi-article-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:12px;
}
.sdi-doc-card,
.sdi-article-card{
padding:16px;
}
.sdi-doc-card ul{
padding-left:18px;
}
.sdi-doc-card li{
margin-bottom:7px;
color:var(--sdi-text);
font-size:13px;
}
/* Blog polish */
.sdi-blog-card-inner{
padding:16px;
}
.sdi-blog-title{
font-size:19px;
margin:0 0 8px;
}
.sdi-blog-meta,
.sdi-article-meta{
display:inline-flex;
align-items:center;
min-height:24px;
padding:2px 8px;
background:linear-gradient(135deg,rgba(15,139,141,.08),rgba(29,78,216,.08));
border:1px solid rgba(18,56,91,.06);
color:var(--sdi-teal);
font-size:11px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
margin-bottom:10px;
}
.sdi-read-more{
display:inline-flex;
align-items:center;
gap:6px;
margin-top:12px;
color:var(--sdi-blue);
font-size:12px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.04em;
}
.sdi-read-more::after{
content:"→";
transition:transform .2s ease;
}
.sdi-read-more:hover::after{
transform:translateX(3px);
}
/* Tables */
.sdi-download-table{
width:100%;
border-collapse:collapse;
}
.sdi-download-table th{
background:linear-gradient(135deg,#12385b,#0f2740);
color:#fff;
font-size:12px;
text-transform:uppercase;
letter-spacing:.04em;
}
.sdi-download-table th,
.sdi-download-table td{
padding:10px 12px;
border:1px solid var(--sdi-border);
font-size:13px;
text-align:left;
}
.sdi-download-table tbody tr:nth-child(even){
background:#f8fbfe;
}
/* Footer cleanup */
.site-footer,
.sdi-site-footer{
background:linear-gradient(180deg,#10263d,#0d2033);
color:#d9e4ef;
}
.sdi-footer-links a{
color:#d9e4ef;
font-size:13px;
}
.sdi-footer-links a:hover{
color:#fff;
}
.sdi-footer-links li{
margin-bottom:7px;
}
/* Sidebar search correction */
.sdi-sidebar-box .sdi-search-submit{
min-height:38px;
padding:8px 12px;
}
/* FAQ polish */
.sdi-faq-question{
transition:background .24s ease, color .24s ease;
}
.sdi-faq-question:hover{
background:#f8fbfe;
color:var(--sdi-teal);
}
/* Contact form better layout */
.sdi-contact-form-wrap .wpcf7-form p{
margin:0 0 10px;
}
.sdi-contact-form-wrap textarea{
min-height:120px;
resize:vertical;
}
/* Floating micro-motion */
.sdi-service-link-card,
.sdi-location-ribbon a,
.sdi-section-bar a{
transition:transform .24s ease, box-shadow .24s ease, background .24s ease, color .24s ease;
}
.sdi-service-link-card:hover,
.sdi-location-ribbon a:hover,
.sdi-section-bar a:hover{
transform:translateY(-2px);
}
/* Better image/svg alignment */
svg{
shape-rendering:geometricPrecision;
}
/* Mobile cleanup */
@media (max-width: 991px){
.sdi-doc-grid,
.sdi-article-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
.sdi-section-bar{
flex-wrap:wrap;
align-items:flex-start;
}
.sdi-section-bar h1{
font-size:28px;
}
.sdi-section-bar h2{
font-size:22px;
}
}
@media (max-width: 767px){
.sdi-container{
width:min(100% - 18px, 1180px);
}
.sdi-doc-grid,
.sdi-article-grid{
grid-template-columns:1fr;
}
.sdi-section-compact{
padding:14px 0;
}
.sdi-section-bar h1{
font-size:24px;
}
.sdi-section-bar h2{
font-size:20px;
}
.sdi-btn,
.sdi-btn-light{
width:auto;
}
.sdi-menu a{
width:100%;
}
}
/* Reduced motion */
@media (prefers-reduced-motion: reduce){
.sdi-doc-card,
.sdi-article-card,
.sdi-blog-card,
.sdi-sidebar-box,
.sdi-btn,
.sdi-search-submit,
.sdi-service-link-card,
.sdi-location-ribbon a,
.sdi-section-bar a,
.sdi-read-more::after{
transition:none !important;
}
.sdi-doc-card:hover,
.sdi-article-card:hover,
.sdi-blog-card:hover,
.sdi-sidebar-box:hover,
.sdi-btn:hover,
.sdi-service-link-card:hover,
.sdi-location-ribbon a:hover,
.sdi-section-bar a:hover{
transform:none !important;
}
}
/* =========================
FRONT PAGE FULL COLOR PASS
========================= */
.home .sdi-section-compact{
position:relative;
}
.home .sdi-service-link-band{
background:
radial-gradient(circle at left top, rgba(14,165,233,.09), transparent 24%),
radial-gradient(circle at right bottom, rgba(249,115,22,.08), transparent 20%),
linear-gradient(180deg,#ffffff 0%,#f6fbff 100%);
}
.home .sdi-gradient-section{
background:
radial-gradient(circle at top left, rgba(124,58,237,.10), transparent 24%),
radial-gradient(circle at right center, rgba(6,182,212,.09), transparent 18%),
linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
}
.home .sdi-section-compact:nth-of-type(odd):not(.sdi-service-link-band):not(.sdi-gradient-section):not(.sdi-hero-rich){
background:
linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,251,255,.96));
}
.home .sdi-doc-card{
overflow:hidden;
}
.home .sdi-doc-card::before{
content:"";
display:block;
width:52px;
height:4px;
margin-bottom:12px;
background:linear-gradient(90deg,var(--sdi-teal),var(--sdi-blue));
}
.home .sdi-article-card::before{
content:"";
display:block;
width:46px;
height:4px;
margin-bottom:12px;
background:linear-gradient(90deg,var(--sdi-purple),var(--sdi-pink));
}
.home .sdi-official-contact-box{
background:
linear-gradient(135deg, rgba(15,139,141,.08), rgba(29,78,216,.05)),
#fff;
}
.home .sdi-official-contact-content p{
margin-bottom:6px;
}
/* =========================
HERO PANEL FIX
========================= */
.sdi-hero-grid{
align-items:stretch;
}
.sdi-hero-rich{
background:
radial-gradient(circle at 8% 10%, rgba(14,165,233,.18), transparent 24%),
radial-gradient(circle at 85% 20%, rgba(124,58,237,.12), transparent 20%),
radial-gradient(circle at 70% 78%, rgba(249,115,22,.10), transparent 18%),
linear-gradient(135deg,#eef5fd 0%,#f8fbff 52%,#f3f8ff 100%);
}
.sdi-hero-panel-pro{
position:relative;
min-height:auto;
padding:22px;
background:
linear-gradient(145deg, rgba(255,255,255,.96), rgba(245,250,255,.94));
overflow:hidden;
}
.sdi-hero-panel-bg-shape{
position:absolute;
border-radius:50%;
filter:blur(8px);
pointer-events:none;
}
.sdi-hero-panel-bg-shape.shape-one{
width:180px;
height:180px;
right:-30px;
top:-30px;
background:radial-gradient(circle, rgba(6,182,212,.18), transparent 70%);
}
.sdi-hero-panel-bg-shape.shape-two{
width:190px;
height:190px;
left:-30px;
bottom:-40px;
background:radial-gradient(circle, rgba(124,58,237,.18), transparent 70%);
}
.sdi-hero-panel-top{
position:relative;
z-index:2;
margin-bottom:18px;
}
.sdi-hero-panel-badge{
display:inline-flex;
align-items:center;
gap:8px;
padding:6px 10px;
background:#fff;
border:1px solid rgba(18,56,91,.08);
box-shadow:0 10px 20px rgba(18,56,91,.05);
margin-bottom:14px;
}
.sdi-hero-panel-badge svg{
width:22px;
height:22px;
}
.sdi-hero-panel-badge span{
font-size:12px;
font-weight:800;
color:var(--sdi-navy-dark);
text-transform:uppercase;
letter-spacing:.05em;
}
.sdi-hero-panel-top h2{
margin:0 0 10px;
font-size:30px;
line-height:1.12;
color:var(--sdi-navy-dark);
}
.sdi-hero-panel-top p{
margin:0;
font-size:14px;
color:var(--sdi-text);
line-height:1.65;
}
.sdi-hero-panel-grid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.sdi-hero-info-card{
position:relative;
background:rgba(255,255,255,.92);
border:1px solid rgba(18,56,91,.08);
box-shadow:0 16px 30px rgba(18,56,91,.06);
padding:16px;
min-height:170px;
transition:transform .28s ease, box-shadow .28s ease;
}
.sdi-hero-info-card:hover{
transform:translateY(-3px);
box-shadow:0 18px 34px rgba(18,56,91,.12);
}
.sdi-hero-info-card.wide{
grid-column:1 / -1;
min-height:auto;
}
.sdi-hero-info-card.teal::before,
.sdi-hero-info-card.blue::before,
.sdi-hero-info-card.purple::before{
content:"";
position:absolute;
inset:0 auto 0 0;
width:5px;
}
.sdi-hero-info-card.teal::before{
background:linear-gradient(180deg,var(--sdi-teal),var(--sdi-cyan));
}
.sdi-hero-info-card.blue::before{
background:linear-gradient(180deg,var(--sdi-blue),var(--sdi-sky));
}
.sdi-hero-info-card.purple::before{
background:linear-gradient(180deg,var(--sdi-purple),var(--sdi-pink));
}
.sdi-hero-info-icon{
width:46px;
margin-bottom:12px;
}
.sdi-hero-info-card h3{
margin:0 0 8px;
font-size:22px;
color:var(--sdi-navy-dark);
line-height:1.15;
}
.sdi-hero-info-card p{
margin:0;
font-size:13px;
line-height:1.65;
color:var(--sdi-text);
}
/* =========================
STICKY BEHAVIOR
========================= */
/* Desktop: sticky ticker */
@media (min-width: 992px){
.sdi-live-ticker{
position:sticky;
top:0;
z-index:999;
box-shadow:0 6px 18px rgba(18,56,91,.10);
}
.sdi-site-header{
position:relative;
z-index:100;
}
}
/* Mobile: no fixed full header */
@media (max-width: 991px){
.sdi-topbar,
.sdi-brand-strip{
position:relative !important;
top:auto !important;
}
.sdi-live-ticker{
position:relative;
top:auto;
}
.sdi-navbar{
position:sticky;
top:0;
z-index:999;
box-shadow:0 6px 16px rgba(18,56,91,.08);
}
}
/* =========================
PREMIUM TICKER
========================= */
.sdi-live-ticker{
display:grid;
grid-template-columns:150px 1fr;
background:linear-gradient(90deg,#071c31,#0f2740 42%,#12385b 100%);
border-bottom:1px solid rgba(255,255,255,.08);
overflow:hidden;
}
.sdi-ticker-label{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
background:linear-gradient(135deg,var(--sdi-orange),var(--sdi-red));
color:#fff;
font-size:12px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
min-height:46px;
box-shadow:inset -1px 0 0 rgba(255,255,255,.10);
}
.sdi-ticker-label::before{
content:"";
width:8px;
height:8px;
border-radius:50%;
background:#fff;
box-shadow:0 0 0 5px rgba(255,255,255,.14);
}
.sdi-ticker-wrap{
display:flex;
align-items:center;
gap:10px;
min-width:0;
padding:0 12px;
}
.sdi-ticker-pause{
height:30px;
padding:0 12px;
border:1px solid rgba(255,255,255,.14);
background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
color:#fff;
font-size:11px;
font-weight:800;
letter-spacing:.05em;
text-transform:uppercase;
cursor:pointer;
}
.sdi-ticker-pause:hover{
background:rgba(255,255,255,.14);
}
.sdi-ticker-track-wrap{
position:relative;
overflow:hidden;
width:100%;
min-width:0;
mask-image:linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
}
.sdi-ticker-track{
display:flex;
width:max-content;
animation:sdiTickerMove 30s linear infinite;
}
.sdi-ticker-group{
display:flex;
align-items:center;
gap:12px;
flex-shrink:0;
min-width:max-content;
padding-right:12px;
}
.sdi-ticker-group a{
display:inline-flex;
align-items:center;
white-space:nowrap;
color:#eaf4ff;
font-size:12px;
font-weight:700;
padding:11px 14px;
letter-spacing:.01em;
}
.sdi-ticker-group a::before{
content:"";
width:7px;
height:7px;
border-radius:50%;
margin-right:10px;
background:linear-gradient(135deg,var(--sdi-gold),var(--sdi-orange));
box-shadow:0 0 0 4px rgba(245,158,11,.12);
}
.sdi-ticker-group a:hover{
color:#fff;
}
.sdi-live-ticker.is-paused .sdi-ticker-track,
.sdi-ticker-track-wrap:hover .sdi-ticker-track,
.sdi-ticker-track-wrap:focus-within .sdi-ticker-track{
animation-play-state:paused;
}
@media (max-width: 991px){
.sdi-live-ticker{
grid-template-columns:1fr;
}
.sdi-ticker-label{
justify-content:flex-start;
padding:0 14px;
}
.sdi-ticker-wrap{
padding:8px 12px;
}
}
@media (max-width: 767px){
.sdi-hero-grid{
grid-template-columns:1fr;
gap:14px;
}
.sdi-hero-content h1{
font-size:30px;
line-height:1.08;
}
.sdi-hero-panel-top h2{
font-size:24px;
}
.sdi-hero-panel-grid{
grid-template-columns:1fr;
}
.sdi-hero-info-card.wide{
grid-column:auto;
}
.sdi-hero-actions,
.sdi-hero-mini-links{
gap:8px;
}
.sdi-hero-mini-links a{
width:auto;
}
}
/* =========================
BEAUTIFUL ANIMATED HERO ART
========================= */
/* =========================
SAFE HERO ART ONLY
========================= */
.sdi-hero-grid{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
gap:18px;
align-items:center;
}
.sdi-hero-art{
position:relative;
min-height:500px;
display:flex;
align-items:center;
justify-content:center;
isolation:isolate;
}
.sdi-hero-visual-card{
position:relative;
width:min(100%, 560px);
z-index:3;
animation:sdiHeroFloat 7s ease-in-out infinite;
}
.sdi-hero-svg{
width:100%;
height:auto;
display:block;
}
.sdi-hero-glow{
position:absolute;
border-radius:50%;
filter:blur(18px);
opacity:.9;
z-index:1;
animation:sdiGlowFloat 8s ease-in-out infinite;
}
.sdi-hero-glow.glow-one{
width:180px;
height:180px;
background:radial-gradient(circle, rgba(6,182,212,.22), transparent 70%);
top:30px;
left:10px;
}
.sdi-hero-glow.glow-two{
width:220px;
height:220px;
background:radial-gradient(circle, rgba(124,58,237,.18), transparent 70%);
top:40px;
right:0;
animation-delay:1.3s;
}
.sdi-hero-glow.glow-three{
width:210px;
height:210px;
background:radial-gradient(circle, rgba(249,115,22,.18), transparent 70%);
bottom:30px;
left:90px;
animation-delay:2s;
}
.sdi-hero-chip{
position:absolute;
z-index:5;
display:inline-flex;
align-items:center;
gap:8px;
min-height:40px;
padding:9px 14px;
background:rgba(255,255,255,.92);
backdrop-filter:blur(8px);
border:1px solid rgba(18,56,91,.10);
box-shadow:0 18px 38px rgba(18,56,91,.08);
font-size:12px;
font-weight:800;
color:#12385b;
letter-spacing:.03em;
animation:sdiChipFloat 5.5s ease-in-out infinite;
}
.sdi-hero-chip .dot{
width:8px;
height:8px;
border-radius:50%;
flex:0 0 auto;
}
.sdi-hero-chip.chip-one{
top:70px;
left:10px;
}
.sdi-hero-chip.chip-one .dot{
background:linear-gradient(135deg,#0f8b8d,#06b6d4);
box-shadow:0 0 0 5px rgba(15,139,141,.10);
}
.sdi-hero-chip.chip-two{
top:125px;
right:8px;
animation-delay:1s;
}
.sdi-hero-chip.chip-two .dot{
background:linear-gradient(135deg,#1d4ed8,#0ea5e9);
box-shadow:0 0 0 5px rgba(29,78,216,.10);
}
.sdi-hero-chip.chip-three{
bottom:70px;
left:34px;
animation-delay:1.8s;
}
.sdi-hero-chip.chip-three .dot{
background:linear-gradient(135deg,#7c3aed,#db2777);
box-shadow:0 0 0 5px rgba(124,58,237,.10);
}
.sdi-svg-ring.ring-outer{
animation:sdiRotateRing 18s linear infinite;
transform-origin:320px 250px;
transform-box:fill-box;
}
.sdi-svg-ring.ring-inner{
animation:sdiRotateRingReverse 14s linear infinite;
transform-origin:320px 250px;
transform-box:fill-box;
}
.sdi-lock-group{
animation:sdiLockPulse 4.5s ease-in-out infinite;
transform-origin:320px 275px;
transform-box:fill-box;
}
.sdi-check-group{
animation:sdiCheckFloat 4s ease-in-out infinite;
transform-origin:438px 142px;
transform-box:fill-box;
}
.sdi-signal-bars rect:nth-child(1){ animation:sdiBars 1.5s ease-in-out infinite; }
.sdi-signal-bars rect:nth-child(2){ animation:sdiBars 1.5s ease-in-out infinite .15s; }
.sdi-signal-bars rect:nth-child(3){ animation:sdiBars 1.5s ease-in-out infinite .3s; }
.sdi-signal-bars rect:nth-child(4){ animation:sdiBars 1.5s ease-in-out infinite .45s; }
.sdi-mini-orbit{
animation:sdiRotateRing 18s linear infinite;
transform-origin:320px 250px;
transform-box:fill-box;
}
@keyframes sdiHeroFloat{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-10px);}
}
@keyframes sdiGlowFloat{
0%,100%{transform:translateY(0) scale(1);}
50%{transform:translateY(12px) scale(1.04);}
}
@keyframes sdiChipFloat{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-8px);}
}
@keyframes sdiRotateRing{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
@keyframes sdiRotateRingReverse{
from{transform:rotate(360deg);}
to{transform:rotate(0deg);}
}
@keyframes sdiLockPulse{
0%,100%{transform:scale(1);}
50%{transform:scale(1.025);}
}
@keyframes sdiCheckFloat{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-6px);}
}
@keyframes sdiBars{
0%,100%{transform:translateY(0); opacity:1;}
50%{transform:translateY(-7px); opacity:.88;}
}
@media (max-width: 991px){
.sdi-hero-grid{
grid-template-columns:1fr;
}
.sdi-hero-art{
min-height:420px;
}
.sdi-hero-chip.chip-one{
top:24px;
left:6px;
}
.sdi-hero-chip.chip-two{
top:78px;
right:6px;
}
.sdi-hero-chip.chip-three{
bottom:22px;
left:18px;
}
}
@media (max-width: 767px){
.sdi-hero-art{
min-height:340px;
}
.sdi-hero-chip{
min-height:34px;
padding:7px 10px;
font-size:11px;
}
}
@media (prefers-reduced-motion: reduce){
.sdi-hero-visual-card,
.sdi-hero-glow,
.sdi-hero-chip,
.sdi-svg-ring,
.sdi-lock-group,
.sdi-check-group,
.sdi-signal-bars rect,
.sdi-mini-orbit{
animation:none !important;
}
}
.sdi-hero-art-wrap{
position:relative;
padding:1px;
border:1px solid rgba(18,56,91,.08);
background:linear-gradient(145deg, rgba(255,255,255,.92), rgba(245,250,255,.92));
box-shadow:0 18px 40px rgba(18,56,91,.08);
overflow:hidden;
}
.sdi-hero-art-head{
position:relative;
z-index:4;
margin-bottom:14px;
}
.sdi-hero-art-badge{
display:inline-flex;
align-items:center;
gap:8px;
min-height:34px;
padding:6px 12px;
background:#fff;
border:1px solid rgba(18,56,91,.08);
box-shadow:0 10px 22px rgba(18,56,91,.05);
margin-bottom:12px;
}
.sdi-hero-art-badge svg{
width:20px;
height:20px;
}
.sdi-hero-art-badge span{
font-size:12px;
font-weight:800;
color:#12385b;
letter-spacing:.04em;
text-transform:uppercase;
}
.sdi-hero-art-head h2{
margin:0 0 10px;
font-size:32px;
line-height:1.12;
color:#12385b;
}
.sdi-hero-art-head p{
margin:0;
font-size:14px;
line-height:1.7;
color:#475569;
}
/* =========================================================
FINAL UI FIX LAYER
Keep this at the very end of custom.css
========================================================= */
/* 1) Remove global SVG side effects */
svg{
shape-rendering:auto !important;
}
/* 2) Stable buttons */
.sdi-btn,
.sdi-btn:link,
.sdi-btn:visited,
.sdi-search-submit,
.sdi-contact-form-wrap input[type="submit"],
.sdi-contact-form-wrap button,
.sdi-contact-form-wrap .wpcf7-submit{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:10px 16px;
background:linear-gradient(135deg,#0f8b8d,#1d4ed8) !important;
color:#ffffff !important;
border:1px solid transparent !important;
font-size:12px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
opacity:1 !important;
filter:none !important;
box-shadow:0 10px 24px rgba(15,139,141,.18) !important;
transition:transform .24s ease, box-shadow .24s ease, background .24s ease, color .24s ease, opacity .24s ease !important;
}
.sdi-btn:hover,
.sdi-search-submit:hover,
.sdi-contact-form-wrap input[type="submit"]:hover,
.sdi-contact-form-wrap button:hover,
.sdi-contact-form-wrap .wpcf7-submit:hover{
transform:translateY(-1px);
background:linear-gradient(135deg,#0c7476,#173fae) !important;
color:#ffffff !important;
opacity:1 !important;
box-shadow:0 14px 28px rgba(18,56,91,.20) !important;
}
.sdi-btn-light,
.sdi-btn-light:link,
.sdi-btn-light:visited{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:10px 16px;
background:#ffffff !important;
color:#12385b !important;
border:1px solid rgba(18,56,91,.12) !important;
font-size:12px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
opacity:1 !important;
filter:none !important;
box-shadow:none !important;
transition:transform .24s ease, background .24s ease, color .24s ease, opacity .24s ease !important;
}
.sdi-btn-light:hover{
transform:translateY(-1px);
background:#f3f8fd !important;
color:#0d2943 !important;
opacity:1 !important;
}
/* 3) Ticker fix: remove fade/mask */
.sdi-live-ticker{
display:grid;
grid-template-columns:150px 1fr;
background:linear-gradient(90deg,#071c31,#0f2740 42%,#12385b 100%) !important;
border-bottom:1px solid rgba(255,255,255,.08);
overflow:hidden;
}
.sdi-ticker-track-wrap{
position:relative;
overflow:hidden;
width:100%;
min-width:0;
mask-image:none !important;
-webkit-mask-image:none !important;
}
.sdi-ticker-track{
display:flex;
width:max-content;
}
.sdi-ticker-group{
display:flex;
align-items:center;
gap:12px;
flex-shrink:0;
min-width:max-content;
padding-right:12px;
}
.sdi-ticker-group a{
display:inline-flex;
align-items:center;
white-space:nowrap;
color:#f3f8ff !important;
font-size:12px;
font-weight:700;
padding:11px 14px;
letter-spacing:.01em;
opacity:1 !important;
filter:none !important;
text-shadow:none !important;
}
.sdi-ticker-group a::before,
.sdi-ticker-group a::after{
opacity:1 !important;
filter:none !important;
box-shadow:none !important;
}
.sdi-ticker-group a::before{
content:"";
width:7px;
height:7px;
border-radius:50%;
margin-right:10px;
background:#f59e0b !important;
}
.sdi-ticker-group a:hover{
color:#ffffff !important;
}
/* 4) Ticker label clarity */
.sdi-ticker-label{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:46px;
background:linear-gradient(135deg,#f97316,#dc2626) !important;
color:#ffffff !important;
font-size:12px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
}
.sdi-ticker-label::before{
content:"";
width:8px;
height:8px;
border-radius:50%;
background:#ffffff !important;
box-shadow:none !important;
}
/* 5) Hero isolation so hero effects don't visually wash nearby UI */
.sdi-hero-rich,
.sdi-hero-grid,
.sdi-hero-content,
.sdi-hero-art-wrap,
.sdi-hero-art,
.sdi-hero-visual-card{
position:relative;
}
.sdi-hero-rich{
z-index:1;
isolation:isolate;
}
.sdi-hero-content{
z-index:3;
}
.sdi-hero-art-wrap{
z-index:2;
isolation:isolate;
overflow:hidden;
}
.sdi-hero-art{
z-index:2;
}
.sdi-hero-visual-card{
z-index:3;
}
.sdi-hero-glow,
.sdi-hero-panel-bg-shape,
.sdi-hero-orb{
pointer-events:none;
filter:none !important;
opacity:1 !important;
}
/* 6) Neutralize old risky floating glass effects if still present */
.floating-card{
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
background:#ffffff !important;
opacity:1 !important;
}
/* 7) Force nav CTA clarity */
.sdi-nav-cta .sdi-btn{
background:#ffffff !important;
color:#12385b !important;
border-color:#ffffff !important;
opacity:1 !important;
box-shadow:none !important;
}
.sdi-nav-cta .sdi-btn:hover{
background:#eaf2f8 !important;
color:#0d2943 !important;
}
/* 8) Mobile ticker stability */
@media (max-width: 991px){
.sdi-live-ticker{
grid-template-columns:1fr;
}
.sdi-ticker-label{
justify-content:flex-start;
padding:0 14px;
}
.sdi-ticker-wrap{
padding:8px 12px;
}
}
/* 9) Reduced motion safety */
@media (prefers-reduced-motion: reduce){
.sdi-btn,
.sdi-btn-light,
.sdi-search-submit,
.sdi-ticker-track,
.sdi-hero-glow,
.sdi-hero-orb,
.floating-card{
transition:none !important;
animation:none !important;
transform:none !important;
}
}
/* ===== HERO BADGE COLOR FIX ===== */
.sdi-hero-badges{
display:flex;
gap:8px;
flex-wrap:wrap;
position:relative;
z-index:5;
}
.sdi-badge,
.sdi-badge:link,
.sdi-badge:visited{
display:inline-flex !important;
align-items:center !important;
min-height:30px !important;
padding:6px 12px !important;
font-size:11px !important;
font-weight:800 !important;
letter-spacing:.06em !important;
text-transform:uppercase !important;
color:#ffffff !important;
opacity:1 !important;
background:#12385b !important;
border:none !important;
box-shadow:0 10px 22px rgba(18,56,91,.10) !important;
}
.sdi-badge.blue{
background:linear-gradient(135deg,#1d4ed8,#0ea5e9) !important;
color:#ffffff !important;
}
.sdi-badge.teal{
background:linear-gradient(135deg,#0f8b8d,#06b6d4) !important;
color:#ffffff !important;
}
.sdi-badge.gold{
background:linear-gradient(135deg,#f59e0b,#f97316) !important;
color:#ffffff !important;
}
/* =========================
COMPACT HEADER + TOP AREA
========================= */
.sdi-topbar{
font-size:11px !important;
}
.sdi-topbar-inner{
padding:4px 0 !important;
gap:10px !important;
}
.sdi-topbar-left,
.sdi-topbar-right{
gap:10px !important;
}
.sdi-brand-strip-inner{
padding:6px 0 !important;
gap:10px !important;
}
.sdi-brand-block{
gap:10px !important;
}
.sdi-brand-svg{
width:42px !important;
flex:0 0 42px !important;
}
.sdi-brand-text strong{
font-size:18px !important;
line-height:1.04 !important;
}
.sdi-brand-text small{
font-size:10px !important;
margin-top:1px !important;
}
.sdi-brand-right{
gap:8px !important;
}
.sdi-brand-info-box{
padding:6px 8px !important;
min-width:175px !important;
}
.sdi-brand-info-label{
font-size:9px !important;
line-height:1.2 !important;
}
.sdi-brand-info-value{
font-size:10.5px !important;
line-height:1.35 !important;
}
.sdi-navbar-inner{
min-height:42px !important;
gap:10px !important;
}
.sdi-menu a{
min-height:34px !important;
padding:7px 9px !important;
font-size:10.5px !important;
}
.sdi-nav-tools{
gap:8px !important;
}
.sdi-search-field{
width:170px !important;
height:30px !important;
padding:0 8px !important;
font-size:10.5px !important;
}
.sdi-search-submit,
.sdi-nav-cta .sdi-btn,
.sdi-btn,
.sdi-btn-light{
min-height:32px !important;
height:32px !important;
padding:0 12px !important;
font-size:10.5px !important;
}
.sdi-live-ticker{
grid-template-columns:120px 1fr !important;
}
.sdi-ticker-label{
min-height:36px !important;
font-size:10px !important;
letter-spacing:.07em !important;
}
.sdi-ticker-wrap{
padding:0 8px !important;
gap:8px !important;
}
.sdi-ticker-pause{
height:26px !important;
padding:0 8px !important;
font-size:10px !important;
}
.sdi-ticker-group{
gap:8px !important;
padding-right:8px !important;
}
.sdi-ticker-group a{
padding:8px 10px !important;
font-size:10.5px !important;
}
.home .sdi-hero-rich{
padding-top:10px !important;
}
@media (max-width: 991px){
.sdi-brand-strip-inner{
padding:8px 0 !important;
}
.sdi-brand-svg{
width:40px !important;
flex:0 0 40px !important;
}
.sdi-brand-text strong{
font-size:17px !important;
}
.sdi-live-ticker{
grid-template-columns:1fr !important;
}
}
@media (max-width: 767px){
.sdi-topbar{
display:none !important;
}
.sdi-brand-strip-inner{
padding:8px 0 !important;
}
.sdi-brand-text strong{
font-size:16px !important;
}
.sdi-brand-info-box{
min-width:100% !important;
}
.sdi-search-field{
width:140px !important;
}
}
/* =========================
DESKTOP DROPDOWN MENU FIX
========================= */
.sdi-menu,
.sdi-menu ul{
list-style:none !important;
margin:0 !important;
padding:0 !important;
}
.sdi-menu > li{
position:relative !important;
}
.sdi-menu > li{
display:inline-flex !important;
align-items:center !important;
}
.sdi-menu > li.menu-item-has-children > a{
position:relative !important;
padding-right:24px !important;
}
.sdi-menu > li.menu-item-has-children > a::after{
content:"" !important;
position:absolute !important;
right:10px !important;
top:50% !important;
width:7px !important;
height:7px !important;
border-right:2px solid currentColor !important;
border-bottom:2px solid currentColor !important;
transform:translateY(-60%) rotate(45deg) !important;
opacity:.8 !important;
}
.sdi-menu .sub-menu{
position:absolute !important;
top:100% !important;
left:0 !important;
min-width:260px !important;
display:none !important;
background:#ffffff !important;
border:1px solid rgba(18,56,91,.10) !important;
box-shadow:0 18px 34px rgba(18,56,91,.14) !important;
padding:8px !important;
z-index:9999 !important;
}
.sdi-menu .sub-menu li{
display:block !important;
width:100% !important;
position:relative !important;
}
.sdi-menu .sub-menu a{
display:flex !important;
align-items:center !important;
width:100% !important;
min-height:40px !important;
padding:9px 12px !important;
background:#ffffff !important;
color:var(--sdi-navy-dark) !important;
font-size:12px !important;
font-weight:700 !important;
text-transform:none !important;
letter-spacing:0 !important;
border:none !important;
white-space:nowrap !important;
}
.sdi-menu .sub-menu a:hover,
.sdi-menu .sub-menu .current-menu-item > a,
.sdi-menu .sub-menu .current_page_item > a{
background:#f3f8fd !important;
color:var(--sdi-teal) !important;
}
.sdi-menu > li:hover > .sub-menu,
.sdi-menu > li:focus-within > .sub-menu{
display:block !important;
}
/* second level dropdown if ever used */
.sdi-menu .sub-menu .sub-menu{
top:0 !important;
left:100% !important;
margin-left:8px !important;
}
/* mobile: disable desktop absolute dropdown style */
@media (max-width: 991px){
.sdi-menu > li{
display:block !important;
}
.sdi-menu .sub-menu{
position:static !important;
display:block !important;
min-width:100% !important;
background:transparent !important;
border:none !important;
box-shadow:none !important;
padding:4px 0 0 10px !important;
}
.sdi-menu .sub-menu a{
min-height:34px !important;
padding:7px 10px !important;
background:rgba(255,255,255,.03) !important;
color:#ffffff !important;
font-size:10.5px !important;
border:1px solid rgba(255,255,255,.06) !important;
}
.sdi-menu > li.menu-item-has-children > a::after{
right:8px !important;
}
}
/* =========================
DROPDOWN Z-INDEX FIX
========================= */
.sdi-site-header{
position:sticky !important;
top:0 !important;
z-index:5000 !important;
}
.sdi-brand-strip,
.sdi-navbar,
.sdi-navbar-inner{
position:relative !important;
z-index:5001 !important;
overflow:visible !important;
}
.sdi-main-nav{
position:relative !important;
z-index:5002 !important;
overflow:visible !important;
}
.sdi-menu{
position:relative !important;
z-index:5003 !important;
overflow:visible !important;
}
.sdi-menu > li{
position:relative !important;
z-index:5004 !important;
}
.sdi-menu .sub-menu{
position:absolute !important;
top:100% !important;
left:0 !important;
z-index:99999 !important;
display:none !important;
min-width:260px !important;
background:#ffffff !important;
border:1px solid rgba(18,56,91,.10) !important;
box-shadow:0 18px 34px rgba(18,56,91,.14) !important;
padding:8px !important;
}
.sdi-menu > li:hover > .sub-menu,
.sdi-menu > li:focus-within > .sub-menu{
display:block !important;
}
.sdi-live-ticker{
position:relative !important;
z-index:100 !important;
}
.sdi-hero-rich,
.sdi-soft-panel,
main,
.site,
.site-content{
position:relative !important;
z-index:1 !important;
}
@media (max-width: 991px){
.sdi-menu .sub-menu{
position:static !important;
z-index:auto !important;
box-shadow:none !important;
border:none !important;
padding:4px 0 0 10px !important;
}
}
/* =========================
MOBILE HEADER SIMPLIFY
========================= */
@media (max-width: 767px){
.sdi-topbar{
display:none !important;
}
.sdi-brand-strip{
border-bottom:none !important;
}
.sdi-brand-strip-inner{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
align-items:center !important;
gap:10px !important;
padding:10px 0 !important;
}
.sdi-brand-block{
min-width:0 !important;
gap:10px !important;
}
.sdi-brand-svg{
width:40px !important;
flex:0 0 40px !important;
}
.sdi-brand-text strong{
font-size:16px !important;
line-height:1.05 !important;
}
.sdi-brand-text small{
font-size:10px !important;
margin-top:2px !important;
}
/* hide extra mobile clutter */
.sdi-brand-right,
.sdi-nav-search,
.sdi-nav-cta{
display:none !important;
}
.sdi-navbar{
background:var(--sdi-navy) !important;
}
.sdi-navbar-inner{
display:grid !important;
grid-template-columns:1fr auto !important;
min-height:44px !important;
gap:0 !important;
}
.sdi-main-nav{
position:absolute !important;
top:100% !important;
left:0 !important;
right:0 !important;
z-index:9999 !important;
}
.sdi-menu-toggle{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:38px !important;
height:38px !important;
background:#ffffff !important;
border:1px solid rgba(18,56,91,.10) !important;
box-shadow:none !important;
margin-left:auto !important;
}
.sdi-menu-toggle span{
width:18px !important;
height:2px !important;
margin:3px auto !important;
background:var(--sdi-navy-dark) !important;
}
/* optional: hide ticker fully on mobile */
.sdi-live-ticker{
display:none !important;
}
.home .sdi-hero-rich{
padding-top:10px !important;
}
.home .sdi-hero-badges{
gap:6px !important;
margin-bottom:10px !important;
}
.home .sdi-badge{
min-height:24px !important;
padding:4px 8px !important;
font-size:9px !important;
}
}
/* =========================
MOBILE MENU - FULL WIDTH
========================= */
@media (max-width: 767px){
.sdi-site-header,
.sdi-brand-strip,
.sdi-navbar,
.sdi-navbar-inner{
overflow:visible !important;
}
.sdi-navbar{
position:relative !important;
background:var(--sdi-navy) !important;
}
.sdi-navbar-inner{
display:grid !important;
grid-template-columns:1fr auto !important;
align-items:center !important;
min-height:46px !important;
padding:0 !important;
position:relative !important;
}
.sdi-main-nav{
display:none !important;
position:absolute !important;
top:100% !important;
left:0 !important;
right:0 !important;
width:100% !important;
background:#12385b !important;
border-top:1px solid rgba(255,255,255,.10) !important;
box-shadow:0 16px 32px rgba(13,41,67,.18) !important;
padding:10px 10px 12px !important;
z-index:99999 !important;
}
.sdi-main-nav.active{
display:block !important;
}
.sdi-menu-toggle{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:38px !important;
height:38px !important;
margin-right:0 !important;
background:#ffffff !important;
border:1px solid rgba(18,56,91,.10) !important;
border-radius:4px !important;
position:relative !important;
z-index:100000 !important;
}
.sdi-menu{
display:flex !important;
flex-direction:column !important;
gap:6px !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
}
.sdi-menu > li{
display:block !important;
width:100% !important;
position:relative !important;
}
.sdi-menu > li > a{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
width:100% !important;
min-height:40px !important;
padding:10px 12px !important;
background:rgba(255,255,255,.04) !important;
border:1px solid rgba(255,255,255,.08) !important;
color:#ffffff !important;
font-size:11px !important;
font-weight:700 !important;
text-transform:uppercase !important;
letter-spacing:.03em !important;
}
.sdi-menu > li.current-menu-item > a,
.sdi-menu > li.current_page_item > a,
.sdi-menu > li > a:hover{
background:rgba(255,255,255,.10) !important;
color:#ffffff !important;
}
.sdi-menu .sub-menu{
position:static !important;
display:block !important;
width:100% !important;
min-width:100% !important;
background:transparent !important;
border:none !important;
box-shadow:none !important;
margin:6px 0 2px !important;
padding:0 0 0 10px !important;
}
.sdi-menu .sub-menu li{
width:100% !important;
}
.sdi-menu .sub-menu a{
display:flex !important;
align-items:center !important;
width:100% !important;
min-height:34px !important;
padding:8px 10px !important;
background:rgba(255,255,255,.03) !important;
border:1px solid rgba(255,255,255,.06) !important;
color:#eaf4ff !important;
font-size:10.5px !important;
font-weight:600 !important;
text-transform:none !important;
letter-spacing:0 !important;
}
.sdi-menu .sub-menu a:hover{
background:rgba(255,255,255,.08) !important;
color:#ffffff !important;
}
.sdi-menu > li.menu-item-has-children > a::after{
content:"+" !important;
position:static !important;
transform:none !important;
border:none !important;
width:auto !important;
height:auto !important;
font-size:16px !important;
line-height:1 !important;
opacity:.9 !important;
margin-left:10px !important;
}
}
/* =========================
MOBILE HEADER + MENU FINAL FIX
========================= */
@media (max-width: 767px){
/* keep logo + hamburger on same row */
.sdi-brand-strip{
position:relative !important;
border-bottom:none !important;
}
.sdi-brand-strip-inner{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
align-items:center !important;
gap:10px !important;
padding:10px 0 !important;
position:relative !important;
}
.sdi-brand-block{
min-width:0 !important;
}
/* hide old navbar row visually but keep menu usable */
.sdi-navbar{
background:transparent !important;
min-height:0 !important;
position:static !important;
}
.sdi-navbar-inner{
min-height:0 !important;
display:block !important;
padding:0 !important;
position:static !important;
}
/* place toggle on right side of logo row */
.sdi-menu-toggle{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:40px !important;
height:40px !important;
background:#ffffff !important;
border:1px solid rgba(18,56,91,.12) !important;
border-radius:4px !important;
box-shadow:none !important;
margin:0 !important;
position:relative !important;
z-index:100001 !important;
}
.sdi-menu-toggle span{
width:18px !important;
height:2px !important;
margin:3px auto !important;
background:var(--sdi-navy-dark) !important;
}
/* full width menu dropdown under brand row */
.sdi-main-nav{
display:none !important;
position:absolute !important;
top:100% !important;
left:0 !important;
right:0 !important;
width:100% !important;
background:#12385b !important;
border-top:1px solid rgba(255,255,255,.10) !important;
box-shadow:0 14px 28px rgba(13,41,67,.18) !important;
padding:10px !important;
z-index:100000 !important;
max-height:calc(100vh - 70px) !important;
overflow-y:auto !important;
-webkit-overflow-scrolling:touch !important;
}
.sdi-main-nav.active{
display:block !important;
}
.sdi-menu{
display:flex !important;
flex-direction:column !important;
gap:6px !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
}
.sdi-menu > li{
display:block !important;
width:100% !important;
position:relative !important;
}
.sdi-menu > li > a{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
width:100% !important;
min-height:40px !important;
padding:10px 12px !important;
background:rgba(255,255,255,.04) !important;
border:1px solid rgba(255,255,255,.08) !important;
color:#ffffff !important;
font-size:11px !important;
font-weight:700 !important;
text-transform:uppercase !important;
letter-spacing:.03em !important;
}
.sdi-menu > li.current-menu-item > a,
.sdi-menu > li.current_page_item > a,
.sdi-menu > li > a:hover{
background:rgba(255,255,255,.10) !important;
color:#ffffff !important;
}
/* IMPORTANT: keep mobile submenu closed by default */
.sdi-menu .sub-menu{
display:none !important;
position:static !important;
width:100% !important;
min-width:100% !important;
background:transparent !important;
border:none !important;
box-shadow:none !important;
margin:6px 0 2px !important;
padding:0 0 0 10px !important;
}
/* if WP adds this class on active parent item */
.sdi-menu li.focus > .sub-menu,
.sdi-menu li.menu-open > .sub-menu,
.sdi-menu li.current-menu-ancestor > .sub-menu{
display:block !important;
}
.sdi-menu .sub-menu li{
width:100% !important;
}
.sdi-menu .sub-menu a{
display:flex !important;
align-items:center !important;
width:100% !important;
min-height:34px !important;
padding:8px 10px !important;
background:rgba(255,255,255,.03) !important;
border:1px solid rgba(255,255,255,.06) !important;
color:#eaf4ff !important;
font-size:10.5px !important;
font-weight:600 !important;
text-transform:none !important;
letter-spacing:0 !important;
}
.sdi-menu > li.menu-item-has-children > a::after{
content:"+" !important;
position:static !important;
transform:none !important;
border:none !important;
width:auto !important;
height:auto !important;
font-size:16px !important;
line-height:1 !important;
margin-left:10px !important;
opacity:.9 !important;
}
.sdi-live-ticker{
display:none !important;
}
}
/* =========================
MOBILE HEADER PHONE ROW
========================= */
@media (max-width: 767px){
.sdi-brand-strip{
position:relative !important;
border-bottom:none !important;
}
.sdi-brand-strip-inner{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
align-items:center !important;
gap:10px !important;
padding:10px 0 8px !important;
}
.sdi-brand-block{
min-width:0 !important;
gap:10px !important;
}
.sdi-brand-svg{
width:40px !important;
flex:0 0 40px !important;
}
.sdi-brand-text strong{
font-size:16px !important;
line-height:1.05 !important;
}
.sdi-brand-text small{
font-size:10px !important;
margin-top:2px !important;
}
.sdi-menu-toggle{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:42px !important;
height:42px !important;
background:#ffffff !important;
border:1px solid rgba(18,56,91,.14) !important;
border-radius:4px !important;
box-shadow:0 6px 16px rgba(18,56,91,.08) !important;
position:relative !important;
z-index:100001 !important;
}
.sdi-menu-toggle span{
display:block !important;
width:20px !important;
height:2.5px !important;
margin:3px auto !important;
background:#12385b !important;
border-radius:10px !important;
opacity:1 !important;
}
/* hide old info boxes in mobile */
.sdi-brand-right{
display:none !important;
}
/* create useful compact row under logo */
.sdi-navbar{
display:block !important;
background:#f7fafc !important;
border-top:1px solid rgba(18,56,91,.06) !important;
border-bottom:1px solid rgba(18,56,91,.06) !important;
}
.sdi-navbar-inner{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
align-items:center !important;
min-height:42px !important;
gap:8px !important;
padding:6px 0 !important;
position:relative !important;
}
.sdi-main-nav{
position:absolute !important;
top:100% !important;
left:0 !important;
right:0 !important;
width:100% !important;
z-index:100000 !important;
}
/* show phone text in left side */
.sdi-nav-search{
display:flex !important;
align-items:center !important;
min-width:0 !important;
}
.sdi-search-form{
display:flex !important;
align-items:center !important;
width:100% !important;
}
.sdi-search-label{
display:none !important;
}
.sdi-search-field{
display:none !important;
}
.sdi-search-submit{
display:none !important;
}
.sdi-nav-search::before{
content:"Call: 9888657510" !important;
display:block !important;
font-size:12px !important;
font-weight:800 !important;
color:#12385b !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
/* call now button on right */
.sdi-nav-cta{
display:flex !important;
align-items:center !important;
}
.sdi-nav-cta .sdi-btn{
min-height:32px !important;
height:32px !important;
padding:0 12px !important;
font-size:10.5px !important;
letter-spacing:.04em !important;
white-space:nowrap !important;
background:linear-gradient(135deg,#0f8b8d,#1d4ed8) !important;
color:#fff !important;
border:none !important;
box-shadow:0 8px 18px rgba(18,56,91,.10) !important;
}
.sdi-live-ticker{
display:none !important;
}
.home .sdi-hero-rich{
padding-top:10px !important;
}
}
/* =========================================
FINAL MOBILE HEADER: LOGO LEFT, SVG MENU RIGHT
use this as the final mobile header system
========================================= */
@media (max-width: 767px){
.sdi-topbar,
.sdi-brand-right,
.sdi-live-ticker,
.sdi-nav-search,
.sdi-nav-cta{
display:none !important;
}
.sdi-site-header{
position:sticky !important;
top:0 !important;
z-index:9999 !important;
background:#fff !important;
}
.sdi-brand-strip{
position:relative !important;
background:#fff !important;
border-bottom:1px solid rgba(18,56,91,.08) !important;
}
.sdi-brand-strip-inner{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
align-items:center !important;
gap:10px !important;
padding:10px 0 !important;
}
.sdi-brand-block{
display:flex !important;
align-items:center !important;
gap:10px !important;
min-width:0 !important;
}
.sdi-brand-svg{
width:38px !important;
flex:0 0 38px !important;
}
.sdi-brand-text{
min-width:0 !important;
}
.sdi-brand-text strong{
display:block !important;
font-size:16px !important;
line-height:1.05 !important;
margin:0 !important;
color:var(--sdi-navy-dark) !important;
}
.sdi-brand-text small{
display:block !important;
font-size:10px !important;
line-height:1.3 !important;
margin-top:2px !important;
color:var(--sdi-muted) !important;
}
.sdi-navbar{
background:transparent !important;
border:none !important;
min-height:0 !important;
position:static !important;
}
.sdi-navbar-inner{
display:block !important;
min-height:0 !important;
padding:0 !important;
position:static !important;
}
.sdi-menu-toggle{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:40px !important;
height:40px !important;
padding:0 !important;
margin:0 !important;
border:1px solid rgba(18,56,91,.12) !important;
border-radius:6px !important;
background:#ffffff !important;
box-shadow:0 6px 16px rgba(18,56,91,.08) !important;
position:relative !important;
z-index:10001 !important;
}
.sdi-menu-toggle span{
display:none !important;
}
.sdi-menu-toggle::before{
content:"" !important;
display:block !important;
width:20px !important;
height:20px !important;
background-repeat:no-repeat !important;
background-position:center !important;
background-size:20px 20px !important;
background-image:url("data:image/svg+xml;utf8,\
") !important;
}
.sdi-menu-toggle[aria-expanded="true"]::before,
.sdi-menu-toggle.is-open::before{
background-image:url("data:image/svg+xml;utf8,\
") !important;
}
.sdi-main-nav{
display:none !important;
position:absolute !important;
top:100% !important;
left:0 !important;
right:0 !important;
width:100% !important;
background:#12385b !important;
border-top:1px solid rgba(255,255,255,.10) !important;
box-shadow:0 16px 36px rgba(13,41,67,.18) !important;
padding:10px !important;
z-index:10000 !important;
max-height:calc(100vh - 66px) !important;
overflow-y:auto !important;
-webkit-overflow-scrolling:touch !important;
}
.sdi-main-nav.active{
display:block !important;
}
.sdi-menu{
list-style:none !important;
display:flex !important;
flex-direction:column !important;
gap:6px !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
}
.sdi-menu > li{
display:block !important;
width:100% !important;
position:relative !important;
}
.sdi-menu > li > a{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
width:100% !important;
min-height:40px !important;
padding:10px 12px !important;
background:rgba(255,255,255,.04) !important;
border:1px solid rgba(255,255,255,.08) !important;
color:#ffffff !important;
font-size:11px !important;
font-weight:700 !important;
text-transform:uppercase !important;
letter-spacing:.03em !important;
}
.sdi-menu > li.current-menu-item > a,
.sdi-menu > li.current_page_item > a,
.sdi-menu > li > a:hover{
background:rgba(255,255,255,.10) !important;
color:#ffffff !important;
}
.sdi-menu .sub-menu{
display:none !important;
position:static !important;
min-width:100% !important;
margin:6px 0 2px !important;
padding:0 0 0 10px !important;
background:transparent !important;
border:none !important;
box-shadow:none !important;
}
.sdi-menu li.menu-open > .sub-menu,
.sdi-menu li.focus > .sub-menu,
.sdi-menu li.current-menu-ancestor > .sub-menu{
display:block !important;
}
.sdi-menu .sub-menu li{
width:100% !important;
}
.sdi-menu .sub-menu a{
display:flex !important;
align-items:center !important;
width:100% !important;
min-height:34px !important;
padding:8px 10px !important;
background:rgba(255,255,255,.03) !important;
border:1px solid rgba(255,255,255,.06) !important;
color:#eaf4ff !important;
font-size:10.5px !important;
font-weight:600 !important;
text-transform:none !important;
letter-spacing:0 !important;
}
.sdi-menu > li.menu-item-has-children > a::after{
content:"+" !important;
font-size:16px !important;
line-height:1 !important;
margin-left:10px !important;
color:#fff !important;
border:none !important;
width:auto !important;
height:auto !important;
transform:none !important;
position:static !important;
}
.home .sdi-hero-rich{
padding-top:10px !important;
}
}
@media (max-width: 767px){
.sdi-brand-strip-inner,
.sdi-navbar-inner{
display:flex !important;
justify-content:center !important;
align-items:center !important;
padding:8px 12px !important;
}
.sdi-menu-toggle{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
margin:0 auto !important;
width:44px !important;
height:44px !important;
position:relative !important;
left:auto !important;
right:auto !important;
transform:none !important;
}
}
@media (max-width: 767px){
.sdi-navbar{
background:#fff !important;
border-top:1px solid rgba(18,56,91,.05) !important;
border-bottom:1px solid rgba(18,56,91,.08) !important;
min-height:auto !important;
}
.sdi-navbar-inner{
display:flex !important;
justify-content:center !important;
align-items:center !important;
min-height:52px !important;
padding:6px 0 !important;
}
.sdi-menu-toggle{
width:40px !important;
height:40px !important;
margin:0 auto !important;
border-radius:6px !important;
box-shadow:0 4px 12px rgba(18,56,91,.08) !important;
}
}
@media (max-width: 767px){
.sdi-topbar,
.sdi-brand-right,
.sdi-nav-search,
.sdi-live-ticker{
display:none !important;
}
.sdi-brand-strip{
background:#fff !important;
border-bottom:1px solid rgba(18,56,91,.08) !important;
}
.sdi-brand-strip-inner{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
padding:10px 12px !important;
}
.sdi-brand-left{
flex:1 1 auto !important;
min-width:0 !important;
}
.sdi-logo-wrap{
display:block !important;
}
.sdi-logo-wrap .custom-logo{
max-height:42px !important;
width:auto !important;
}
.sdi-brand-block{
display:flex !important;
align-items:center !important;
gap:10px !important;
min-width:0 !important;
}
.sdi-brand-svg{
width:38px !important;
flex:0 0 38px !important;
}
.sdi-brand-text strong{
font-size:16px !important;
line-height:1.06 !important;
margin:0 !important;
color:#0d2943 !important;
}
.sdi-brand-text small{
font-size:10px !important;
line-height:1.3 !important;
margin-top:2px !important;
color:#5f6b7a !important;
}
.sdi-brand-mobile-icons{
display:flex !important;
align-items:center !important;
gap:8px !important;
flex:0 0 auto !important;
}
.sdi-mini-icon{
width:32px !important;
height:32px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid rgba(18,56,91,.10) !important;
background:#f8fbfe !important;
color:#12385b !important;
border-radius:6px !important;
box-shadow:0 4px 12px rgba(18,56,91,.05) !important;
}
.sdi-mini-icon svg{
width:16px !important;
height:16px !important;
display:block !important;
}
.sdi-navbar{
background:#fff !important;
border-top:1px solid rgba(18,56,91,.04) !important;
border-bottom:1px solid rgba(18,56,91,.08) !important;
}
.sdi-navbar-inner{
display:grid !important;
grid-template-columns:auto 1fr auto !important;
align-items:center !important;
gap:10px !important;
min-height:54px !important;
padding:8px 12px !important;
position:relative !important;
}
.sdi-menu-toggle{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:40px !important;
height:40px !important;
margin:0 !important;
background:#fff !important;
border:1px solid rgba(18,56,91,.12) !important;
border-radius:6px !important;
box-shadow:0 6px 16px rgba(18,56,91,.08) !important;
order:2 !important;
}
.sdi-menu-toggle span{
display:block !important;
width:18px !important;
height:2px !important;
margin:3px auto !important;
background:#12385b !important;
border-radius:10px !important;
}
.sdi-main-nav{
display:none !important;
position:absolute !important;
top:100% !important;
left:0 !important;
right:0 !important;
width:100% !important;
background:#12385b !important;
padding:10px !important;
z-index:10000 !important;
box-shadow:0 16px 32px rgba(13,41,67,.18) !important;
}
.sdi-main-nav.active{
display:block !important;
}
.sdi-nav-tools{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
order:1 !important;
}
.sdi-nav-cta{
display:flex !important;
}
.sdi-nav-cta .sdi-btn{
min-height:36px !important;
padding:8px 14px !important;
font-size:11px !important;
font-weight:800 !important;
letter-spacing:.04em !important;
white-space:nowrap !important;
}
.sdi-main-nav{
order:3 !important;
}
.sdi-menu{
display:flex !important;
flex-direction:column !important;
gap:6px !important;
list-style:none !important;
margin:0 !important;
padding:0 !important;
}
.sdi-menu > li > a{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
width:100% !important;
min-height:40px !important;
padding:10px 12px !important;
background:rgba(255,255,255,.04) !important;
border:1px solid rgba(255,255,255,.08) !important;
color:#fff !important;
font-size:11px !important;
font-weight:700 !important;
text-transform:uppercase !important;
letter-spacing:.03em !important;
}
}
@media (max-width: 767px){
.sdi-topbar,
.sdi-brand-right,
.sdi-nav-search,
.sdi-live-ticker{
display:none !important;
}
/* row 1: logo + icons */
.sdi-brand-strip{
background:#fff !important;
border-bottom:1px solid rgba(18,56,91,.06) !important;
}
.sdi-brand-strip-inner{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
padding:10px 12px !important;
}
.sdi-brand-left{
flex:1 1 auto !important;
min-width:0 !important;
}
.sdi-logo-wrap{
display:block !important;
}
.sdi-logo-wrap .custom-logo{
max-height:42px !important;
width:auto !important;
}
.sdi-brand-block{
display:flex !important;
align-items:center !important;
gap:10px !important;
min-width:0 !important;
}
.sdi-brand-svg{
width:38px !important;
flex:0 0 38px !important;
}
.sdi-brand-text strong{
font-size:16px !important;
line-height:1.08 !important;
color:#0d2943 !important;
}
.sdi-brand-text small{
font-size:10px !important;
line-height:1.3 !important;
color:#5f6b7a !important;
margin-top:2px !important;
}
.sdi-brand-mobile-icons{
display:flex !important;
align-items:center !important;
gap:6px !important;
flex:0 0 auto !important;
}
.sdi-mini-icon{
width:30px !important;
height:30px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid rgba(18,56,91,.08) !important;
background:linear-gradient(180deg,#ffffff 0%,#f3f8fd 100%) !important;
color:#12385b !important;
border-radius:6px !important;
box-shadow:0 4px 10px rgba(18,56,91,.05) !important;
}
.sdi-mini-icon svg{
width:15px !important;
height:15px !important;
}
/* row 2: unified action bar */
.sdi-navbar{
background:linear-gradient(135deg, rgba(15,139,141,.10), rgba(29,78,216,.08), rgba(255,255,255,1)) !important;
border-top:1px solid rgba(18,56,91,.04) !important;
border-bottom:1px solid rgba(18,56,91,.08) !important;
padding:0 !important;
}
.sdi-navbar-inner{
display:grid !important;
grid-template-columns:1fr auto !important;
align-items:center !important;
gap:10px !important;
min-height:56px !important;
padding:8px 12px !important;
position:relative !important;
}
.sdi-nav-tools{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
min-width:0 !important;
}
.sdi-nav-cta{
display:flex !important;
width:100% !important;
}
.sdi-nav-cta .sdi-btn{
min-height:38px !important;
padding:8px 16px !important;
font-size:11px !important;
font-weight:800 !important;
letter-spacing:.04em !important;
text-transform:uppercase !important;
white-space:nowrap !important;
background:linear-gradient(135deg,#0f8b8d,#2563eb) !important;
color:#fff !important;
border:none !important;
border-radius:6px !important;
box-shadow:0 10px 20px rgba(37,99,235,.16) !important;
}
.sdi-menu-toggle{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:42px !important;
height:42px !important;
margin:0 !important;
background:linear-gradient(180deg,#ffffff 0%,#f4f8fc 100%) !important;
border:1px solid rgba(18,56,91,.10) !important;
border-radius:6px !important;
box-shadow:0 6px 16px rgba(18,56,91,.08) !important;
position:relative !important;
z-index:10001 !important;
}
.sdi-menu-toggle span{
display:block !important;
width:18px !important;
height:2px !important;
margin:3px auto !important;
background:#12385b !important;
border-radius:10px !important;
}
.sdi-main-nav{
display:none !important;
position:absolute !important;
top:100% !important;
left:0 !important;
right:0 !important;
width:100% !important;
background:#12385b !important;
padding:10px !important;
z-index:10000 !important;
box-shadow:0 16px 32px rgba(13,41,67,.18) !important;
}
.sdi-main-nav.active{
display:block !important;
}
.sdi-menu{
display:flex !important;
flex-direction:column !important;
gap:6px !important;
list-style:none !important;
margin:0 !important;
padding:0 !important;
}
.sdi-menu > li > a{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
width:100% !important;
min-height:40px !important;
padding:10px 12px !important;
background:rgba(255,255,255,.04) !important;
border:1px solid rgba(255,255,255,.08) !important;
color:#fff !important;
font-size:11px !important;
font-weight:700 !important;
text-transform:uppercase !important;
letter-spacing:.03em !important;
}
}
@media (max-width: 767px){
.sdi-topbar,
.sdi-brand-right,
.sdi-nav-search,
.sdi-live-ticker{
display:none !important;
}
.sdi-site-header{
background:#fff !important;
}
/* ---------- ROW 1 : LOGO + HEADER ICONS ---------- */
.sdi-brand-strip{
background:#ffffff !important;
border-bottom:1px solid rgba(18,56,91,.06) !important;
}
.sdi-brand-strip-inner{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
align-items:center !important;
gap:8px !important;
padding:10px 12px !important;
}
.sdi-brand-left{
min-width:0 !important;
width:100% !important;
}
.sdi-logo-wrap{
display:block !important;
width:100% !important;
}
.sdi-logo-wrap .custom-logo-link,
.custom-logo-link{
display:block !important;
max-width:100% !important;
}
.sdi-logo-wrap .custom-logo,
.custom-logo{
max-height:40px !important;
width:auto !important;
display:block !important;
}
.sdi-brand-block{
display:flex !important;
align-items:center !important;
gap:10px !important;
min-width:0 !important;
flex-wrap:nowrap !important;
}
.sdi-brand-svg{
width:38px !important;
flex:0 0 38px !important;
}
.sdi-brand-text{
min-width:0 !important;
}
.sdi-brand-text strong{
display:block !important;
font-size:16px !important;
line-height:1.06 !important;
color:#0d2943 !important;
margin:0 !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
.sdi-brand-text small{
display:block !important;
font-size:10px !important;
line-height:1.25 !important;
color:#5f6b7a !important;
margin-top:2px !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
.sdi-brand-mobile-icons{
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:6px !important;
flex:0 0 auto !important;
white-space:nowrap !important;
}
.sdi-mini-icon{
width:30px !important;
height:30px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid rgba(18,56,91,.08) !important;
background:linear-gradient(180deg,#ffffff 0%,#f3f8fd 100%) !important;
color:#12385b !important;
border-radius:6px !important;
box-shadow:0 4px 10px rgba(18,56,91,.05) !important;
animation:sdiIconFloat 3.8s ease-in-out infinite !important;
}
.sdi-mini-icon:nth-child(2){
animation-delay:.35s !important;
}
.sdi-mini-icon:nth-child(3){
animation-delay:.7s !important;
}
.sdi-mini-icon svg{
width:15px !important;
height:15px !important;
display:block !important;
}
/* ---------- ROW 2 : CALL + HAMBURGER ---------- */
.sdi-navbar{
background:linear-gradient(135deg, rgba(15,139,141,.10) 0%, rgba(29,78,216,.08) 52%, rgba(255,255,255,1) 100%) !important;
border-top:1px solid rgba(18,56,91,.04) !important;
border-bottom:1px solid rgba(18,56,91,.08) !important;
padding:0 !important;
overflow:visible !important;
}
.sdi-navbar-inner{
display:grid !important;
grid-template-columns:1fr auto !important;
align-items:center !important;
gap:10px !important;
min-height:54px !important;
padding:8px 12px !important;
position:relative !important;
}
.sdi-nav-tools{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
min-width:0 !important;
}
.sdi-nav-cta{
display:flex !important;
align-items:center !important;
}
.sdi-nav-cta .sdi-btn{
min-height:38px !important;
padding:8px 16px !important;
font-size:11px !important;
font-weight:800 !important;
letter-spacing:.04em !important;
text-transform:uppercase !important;
white-space:nowrap !important;
background:linear-gradient(135deg,#0f8b8d,#2563eb) !important;
color:#fff !important;
border:none !important;
border-radius:6px !important;
box-shadow:0 10px 20px rgba(37,99,235,.16) !important;
animation:sdiButtonGlow 3.2s ease-in-out infinite !important;
}
/* clean hamburger */
.sdi-menu-toggle{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
flex-direction:column !important;
gap:4px !important;
width:42px !important;
height:42px !important;
padding:0 !important;
margin:0 !important;
background:linear-gradient(180deg,#ffffff 0%,#f4f8fc 100%) !important;
border:1px solid rgba(18,56,91,.10) !important;
border-radius:8px !important;
box-shadow:0 8px 18px rgba(18,56,91,.08) !important;
position:relative !important;
z-index:10001 !important;
overflow:hidden !important;
}
.sdi-menu-toggle::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
background:linear-gradient(135deg, rgba(15,139,141,.08), rgba(37,99,235,.05)) !important;
opacity:.85 !important;
pointer-events:none !important;
}
.sdi-menu-toggle span{
position:relative !important;
z-index:2 !important;
display:block !important;
width:18px !important;
height:2px !important;
margin:0 !important;
background:#12385b !important;
border-radius:10px !important;
opacity:1 !important;
transform:none !important;
}
.sdi-menu-toggle span:nth-child(2){
width:14px !important;
}
.sdi-menu-toggle span:nth-child(3){
width:18px !important;
}
.sdi-menu-toggle:hover{
transform:translateY(-1px) !important;
}
/* dropdown */
.sdi-main-nav{
display:none !important;
position:absolute !important;
top:100% !important;
left:0 !important;
right:0 !important;
width:100% !important;
background:#12385b !important;
padding:10px !important;
z-index:10000 !important;
box-shadow:0 16px 32px rgba(13,41,67,.18) !important;
}
.sdi-main-nav.active{
display:block !important;
}
.sdi-menu{
display:flex !important;
flex-direction:column !important;
gap:6px !important;
list-style:none !important;
margin:0 !important;
padding:0 !important;
}
.sdi-menu > li > a{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
width:100% !important;
min-height:40px !important;
padding:10px 12px !important;
background:rgba(255,255,255,.04) !important;
border:1px solid rgba(255,255,255,.08) !important;
color:#fff !important;
font-size:11px !important;
font-weight:700 !important;
text-transform:uppercase !important;
letter-spacing:.03em !important;
}
@keyframes sdiIconFloat{
0%,100%{ transform:translateY(0); }
50%{ transform:translateY(-2px); }
}
@keyframes sdiButtonGlow{
0%,100%{ box-shadow:0 10px 20px rgba(37,99,235,.16); }
50%{ box-shadow:0 12px 26px rgba(15,139,141,.24); }
}
}
/* mobile icons hidden on desktop/tablet */
.sdi-brand-mobile-icons{
display:none !important;
}
/* show only on mobile */
@media (max-width: 767px){
.sdi-brand-mobile-icons{
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:6px !important;
}
}
@media (min-width: 768px){
.sdi-brand-mobile-icons{
display:none !important;
}
}
/* Desktop header search - keep it visible even before focus */
.sdi-nav-search .sdi-search-form{
display:flex;
align-items:center;
gap:8px;
}
.sdi-nav-search .sdi-search-label{
display:block;
margin:0;
}
.sdi-nav-search .sdi-search-field{
width:220px;
height:38px;
padding:0 14px;
border:1px solid rgba(139, 211, 221, .55);
background:rgba(255,255,255,.12);
color:#ffffff;
font-size:13px;
border-radius:4px;
outline:none;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
transition:all .25s ease;
}
.sdi-nav-search .sdi-search-field::placeholder{
color:rgba(255,255,255,.72);
}
.sdi-nav-search .sdi-search-field:hover{
background:rgba(255,255,255,.14);
border-color:rgba(139, 211, 221, .75);
}
.sdi-nav-search .sdi-search-field:focus{
border-color:#8bd3dd;
background:rgba(255,255,255,.12);
color:#ffffff;
box-shadow:0 0 0 3px rgba(139, 211, 221, .18);
}
.sdi-nav-search .sdi-search-submit{
height:38px;
padding:0 16px;
border:none;
border-radius:4px;
font-size:12px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
}