:root{--cz-ink:#0b1b2b;--cz-ice:#e8f3fb;--cz-blue:#2f8fd6;--cz-deep:#0f3552;--cz-line:#d3e4f1}
body{background:#f5f9fc;color:#24384a}
header[role=banner]{background:linear-gradient(135deg,var(--cz-ink),var(--cz-deep));padding:8px 0 18px}
header .container.topbar-contact-box{margin-top:1rem!important}
header .site-title,header .site-title a{color:#fff!important;letter-spacing:.2em;font-weight:800}
header .main-menu-navigation a{color:#cfe6f7!important;text-transform:uppercase;font-size:.8rem;letter-spacing:.1em}
header .main-menu-navigation a:hover{color:#fff!important}
.cz-hero{background:linear-gradient(180deg,var(--cz-deep),#17557f 70%,#f5f9fc);color:#fff;text-align:center;padding:72px 16px 110px}
.cz-hero small{display:inline-block;letter-spacing:.35em;text-transform:uppercase;color:#9fd2f3;margin-bottom:14px}
.cz-hero h2{font-size:clamp(2rem,5vw,3.6rem);font-weight:800;line-height:1.1;margin:0 auto 16px;max-width:800px;color:#fff}
.cz-hero p{max-width:620px;margin:0 auto 26px;color:#d6eaf8;font-size:1.1rem}
.cz-hero a{display:inline-block;background:#fff;color:var(--cz-deep);padding:12px 30px;border-radius:999px;font-weight:700;text-decoration:none}
.cz-hero a:hover{background:var(--cz-blue);color:#fff}
.cz-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:26px}
.cz-pills span{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:4px 14px;font-size:.85rem;color:#d6eaf8}
.our-services .row>.col-lg-8{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;align-content:start;width:100%;max-width:100%;flex:0 0 100%}
.our-services .row>.col-lg-8>*:not(article){grid-column:1/-1}
.our-services .row>.col-lg-4{display:none}
.page-box{background:#fff;border:1px solid var(--cz-line);border-radius:14px;overflow:hidden;margin:0!important;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.page-box:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,53,82,.14)}
.page-box .box-img img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.page-box .new-text{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
.page-box h2{font-size:1.15rem;line-height:1.3;margin:0 0 8px}
.page-box h2 a{color:var(--cz-ink);text-decoration:none}
.page-box h2 a:hover{color:var(--cz-blue)}
.page-box .metabox{font-size:.75rem;color:#6b8296;margin-bottom:10px}
.page-box .metabox .entry-comments,.page-box .metabox .entry-time,.page-box .metabox .entry-author{display:none}
.page-box .read-more-btn{margin-top:auto}
.page-box .read-more-btn a{color:var(--cz-blue);font-weight:700;text-decoration:none}
.page-box .read-more-btn a:after{content:" \2192"}
.page-box-single{background:#fff;border-radius:14px;border:1px solid var(--cz-line);padding:32px;max-width:820px;margin:0 auto}
.page-box-single h1{color:var(--cz-ink);font-weight:800}
.page-box-single .box-img img{width:100%;border-radius:10px}
.page-box-single .entry-content p{font-size:1.05rem;line-height:1.8}
footer{background:var(--cz-ink);color:#9fb6c8}
@media(max-width:600px){.cz-hero{padding:48px 16px 80px}.page-box-single{padding:18px}}
header .topbar-contact-box{background:transparent;box-shadow:none}
header .top-logo:before{display:none}
header .mobiletoggle,header .mobiletoggle i{color:#fff!important}
header .site-title{margin:0}
@media(max-width:991px){header #menu-sidebar{background:var(--cz-ink)}}
header #header,header .topbar-contact-box{background:transparent!important}
header .topbar-contact-box>.row{display:flex;align-items:center}
header .top-logo{order:-1;text-align:left;flex:0 0 auto;width:auto}
header .main-header-box{order:0;flex:1 1 auto;width:auto}
header .header-profile{display:none}
header .site-title a{color:#fff!important}
header .primary-navigation a,header .main-menu-navigation a{color:#fff!important}
.cz-hero a,.cz-hero a:visited{background:var(--cz-blue);color:#fff!important}
.cz-hero a:hover{background:#fff;color:var(--cz-deep)!important}
/* header v2 */
header[role=banner]{position:sticky;top:0;z-index:50;padding:0;background:rgba(11,27,43,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(159,210,243,.25);box-shadow:0 8px 24px rgba(11,27,43,.25)}
header[role=banner]:after{content:"";display:block;height:3px;background:linear-gradient(90deg,#2f8fd6,#9fd2f3,#2f8fd6)}
header .container.topbar-contact-box{margin-top:0!important;padding-top:14px;padding-bottom:14px}
header .site-title{font-size:1.25rem!important;line-height:1}
header .site-title a{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}
header .site-title a:before{content:"";width:42px;height:42px;flex:none;border-radius:12px;background:linear-gradient(135deg,#2f8fd6,#0f3552) center/26px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='rotate(0)' d='M0 0V-10M-3.2-7.6L0-4.6L3.2-7.6'/%3E%3Cpath transform='rotate(60)' d='M0 0V-10M-3.2-7.6L0-4.6L3.2-7.6'/%3E%3Cpath transform='rotate(120)' d='M0 0V-10M-3.2-7.6L0-4.6L3.2-7.6'/%3E%3Cpath transform='rotate(180)' d='M0 0V-10M-3.2-7.6L0-4.6L3.2-7.6'/%3E%3Cpath transform='rotate(240)' d='M0 0V-10M-3.2-7.6L0-4.6L3.2-7.6'/%3E%3Cpath transform='rotate(300)' d='M0 0V-10M-3.2-7.6L0-4.6L3.2-7.6'/%3E%3C/svg%3E");box-shadow:0 0 0 2px rgba(159,210,243,.45),0 6px 14px rgba(47,143,214,.45)}
header .main-menu-navigation ul{display:flex;justify-content:flex-end;gap:6px;margin:0}
header .main-menu-navigation a{padding:8px 16px!important;border-radius:999px;font-weight:600;transition:background .2s}
header .main-menu-navigation a:hover{background:rgba(159,210,243,.18)}
header .main-menu-navigation .current_page_item a{background:#2f8fd6}
@media(max-width:991px){header .site-title{font-size:1rem!important}header .site-title a{letter-spacing:.12em}}
/* read more button */
.read-more-btn a,.page-box .read-more-btn a{display:inline-block;background:var(--cz-blue)!important;color:#fff!important;padding:10px 20px!important;border-radius:999px!important;font-weight:700;text-decoration:none;transition:background .2s}
.read-more-btn a:hover,.page-box .read-more-btn a:hover{background:var(--cz-deep)!important;color:#fff!important}