*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; margin: 0; color: #1f2937; line-height: 1.6; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; height: auto; display: block; } .nc-red   { color: #ef4444; font-size: 1.12em; }
.nc-blue  { color: #2563eb; }
.nc-white { color: #fff; } .nc-brand-n { color: #ef4444 !important; font-size: 1.15em; display: inline-block; line-height: 1; } .nc-topbar { background: #fff; border-bottom: 1px solid #e8ecf4; padding: 7px 0; }
.nc-topbar-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px; }
.nc-topbar-left  { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.nc-topbar-right { display: flex; align-items: center; gap: 8px; }
.nc-topbar-link  { display: flex; align-items: center; gap: 6px; font-size: 0.82rem; font-weight: 600; color: #374151; transition: color .2s; }
.nc-topbar-link:hover { color: #1d4ed8; }
.nc-topbar-link i { color: #1d4ed8; font-size: 0.75rem; }
.nc-topbar-sep   { color: #d1d5db; font-size: 0.8rem; }
.nc-social-btn   { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 0.75rem; transition: opacity .2s, transform .2s; }
.nc-social-btn:hover { opacity: .85; transform: scale(1.1); }
.nc-social-fb { background: #1877f2; }
.nc-social-ig { background: linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045); }
.nc-social-wa { background: #25d366; }  .nc-header-sticky-wrap {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1000;
width: 100%;
}
.nc-topbar { position: relative; }
.nc-header {
background: #fff;
box-shadow: 0 2px 12px rgba(0,0,0,.10);
position: relative;
z-index: 1000;
transition: box-shadow .25s;
padding-top: 8px;
padding-bottom: 8px;
}
.nc-header.scrolled {
box-shadow: 0 4px 28px rgba(0,0,0,.18);
background: rgba(255,255,255,.98);
backdrop-filter: blur(8px);
}
.nc-header-inner { display: flex; align-items: center; justify-content: space-between; height: 90px; gap: 20px; } .nc-logo-wrap { display: flex; align-items: center; gap: 10px; text-decoration: none; flex-shrink: 0; }
.nc-logo-icon  { width: 46px; height: 46px; background: #1d4ed8; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.nc-logo-icon i { color: #fff; font-size: 1.25rem; }
.nc-logo-text   { line-height: 1.1; }
.nc-logo-text span { font-size: 1.15rem; font-weight: 900; color: #1f2937; }
.nc-logo-text small { display: block; font-size: 0.6rem; letter-spacing: .08em; color: #2563eb; font-weight: 600; text-transform: uppercase; } .custom-logo { max-height: 90px; width: auto; display: block !important; }
img.custom-logo { max-height: 90px; width: auto; object-fit: contain; }
.nc-logo-wrap .custom-logo-link { display: flex; align-items: center; }
.nc-logo-wrap img.custom-logo { max-height: 90px; width: auto; }
@media(max-width:1023px){ .custom-logo,.nc-logo-wrap img.custom-logo { max-height: 70px !important; } }
@media(max-width:480px){ .custom-logo,.nc-logo-wrap img.custom-logo { max-height: 52px !important; } } .nc-desktop-nav { display: none; }
@media(min-width:1024px){ .nc-desktop-nav { display: block; } }
.nc-nav-list { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 4px; }
.nc-nav-item { position: relative; }
.nc-nav-link  { display: flex; align-items: center; gap: 4px; padding: 8px 12px; font-size: 0.9rem; font-weight: 600; color: #374151; border-radius: 6px; transition: color .2s, background .2s; white-space: nowrap; }
.nc-nav-link:hover, .nc-nav-active { color: #1d4ed8; background: #eff6ff; }
.nc-caret { font-size: 0.6rem; transition: transform .25s; }
.nc-has-children:hover .nc-caret { transform: rotate(180deg); } .nc-dropdown { display: none; position: absolute; top: calc(100% + 6px); left: 0; min-width: 200px; background: #fff; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,.12); padding: 6px 0; list-style: none; margin: 0; z-index: 200; border: 1px solid #f0f0f0; }
.nc-has-children:hover .nc-dropdown { display: block; }
.nc-dropdown li a { display: block; padding: 10px 16px; font-size: 0.875rem; color: #374151; font-weight: 500; transition: color .2s, background .2s; }
.nc-dropdown li a:hover { color: #1d4ed8; background: #eff6ff; } .nc-track-btn { display: none; }
@media(min-width:640px){ .nc-track-btn { display: inline-flex; align-items: center; background: #1d4ed8; color: #fff; font-weight: 700; font-size: 0.85rem; padding: 12px 22px; border-radius: 8px; letter-spacing: .05em; transition: background .2s; white-space: nowrap; } }
.nc-track-btn:hover { background: #1e40af; color: #fff; } .nc-burger { display: flex; flex-direction: column; gap: 5px; width: 36px; height: 36px; align-items: center; justify-content: center; background: none; border: none; cursor: pointer; padding: 6px; border-radius: 6px; }
@media(min-width:1024px){ .nc-burger { display: none; } }
.nc-burger span { display: block; width: 22px; height: 2px; background: #374151; border-radius: 2px; transition: all .3s; }
.nc-burger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nc-burger.open span:nth-child(2) { opacity: 0; }
.nc-burger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } .nc-mobile-menu { display: none; background: #fff; border-top: 1px solid #e5e7eb; padding: 16px 0 20px; }
.nc-mobile-menu.open { display: block; }
.nc-mobile-nav-list { list-style: none; margin: 0; padding: 0; }
.nc-mobile-nav-list li a { display: block; padding: 12px 16px; font-size: 0.95rem; font-weight: 600; color: #374151; border-radius: 8px; transition: color .2s, background .2s; }
.nc-mobile-nav-list li a:hover { color: #1d4ed8; background: #eff6ff; }
.nc-mobile-ctas { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; padding-top: 16px; border-top: 1px solid #e5e7eb; } .nc-btn-blue, .nc-btn-green, .nc-btn-outline-white, .nc-btn-outline {
display: inline-flex; align-items: center; justify-content: center; gap: 8px;
font-weight: 700; font-size: 0.875rem; padding: 12px 22px; border-radius: 8px;
letter-spacing: .05em; text-transform: uppercase; transition: all .2s;
text-decoration: none; cursor: pointer; border: none; white-space: nowrap;
}
.nc-btn-blue   { background: #1d4ed8; color: #fff; }
.nc-btn-blue:hover { background: #1e40af; color: #fff; transform: translateY(-1px); box-shadow: 0 4px 16px rgba(29,78,216,.35); }
.nc-btn-green  { background: #22c55e; color: #fff; }
.nc-btn-green:hover { background: #16a34a; color: #fff; transform: translateY(-1px); }
.nc-btn-outline-white { background: transparent; color: #fff; border: 2px solid #fff; }
.nc-btn-outline-white:hover { background: #fff; color: #1d4ed8; }
.nc-btn-outline { background: transparent; color: #1d4ed8; border: 2px solid #1d4ed8; }
.nc-btn-outline:hover { background: #1d4ed8; color: #fff; }
.nc-btn-sm { padding: 10px 18px; font-size: 0.8rem; width: 100%; justify-content: center; } .nc-hero-slider { position: relative; }
.nc-hero-swiper, .nc-hero-fallback { width: 100%; }
.nc-hero-slide { min-height: 88vh; display: flex; align-items: center; position: relative; }
.nc-hero-overlay { position: absolute; inset: 0; z-index: 1; }
.nc-hero-content { position: relative; z-index: 2; max-width: 760px; padding: 80px 24px 80px; }
@media(min-width:768px){ .nc-hero-content { padding: 100px 48px 100px; } }
.nc-hero-badge {
display: inline-flex; align-items: center; gap: 8px;
background: rgba(29,78,216,.9); color: #fff; font-size: 0.78rem; font-weight: 800;
letter-spacing: .08em; text-transform: uppercase; padding: 7px 18px;
border-radius: 999px; margin-bottom: 22px; backdrop-filter: blur(4px);
}
.nc-hero-badge i { color: #fbbf24; font-size: 0.7rem; } .nc-hero-title {
font-size: clamp(2rem, 5vw, 4rem); font-weight: 900; color: #fff;
line-height: 1.15; margin-bottom: 16px;
}
.nc-hero-highlight { color: #60a5fa; }
.nc-hero-sub  { font-size: clamp(1.1rem, 2.5vw, 1.75rem); font-weight: 700; color: #fff; margin-bottom: 20px; }
.nc-hero-para { font-size: 0.85rem; color: rgba(255,255,255,.85); text-transform: uppercase; letter-spacing: .03em; line-height: 1.7; margin-bottom: 32px; }
.nc-hero-btns { display: flex; flex-wrap: wrap; gap: 12px; } .nc-hero-pagination { bottom: 24px !important; }
.nc-hero-pagination .swiper-pagination-bullet { background: #fff; opacity: .5; width: 10px; height: 10px; }
.nc-hero-pagination .swiper-pagination-bullet-active { opacity: 1; width: 28px; border-radius: 5px; }
.nc-hero-prev, .nc-hero-next {
width: 44px !important; height: 44px !important; background: rgba(255,255,255,.15) !important;
border-radius: 50% !important; backdrop-filter: blur(4px); border: 1px solid rgba(255,255,255,.3) !important;
color: #fff !important;
transition: background .2s !important;
}
.nc-hero-prev:hover, .nc-hero-next:hover { background: rgba(29,78,216,.8) !important; }
.nc-hero-prev::after, .nc-hero-next::after { font-size: 14px !important; font-weight: 900 !important; } @keyframes nc-fadedown { from { opacity:0; transform:translateY(-20px); } to { opacity:1; transform:translateY(0); } }
@keyframes nc-fadeup   { from { opacity:0; transform:translateY(30px); }  to { opacity:1; transform:translateY(0); } }
@keyframes nc-fadein   { from { opacity:0; } to { opacity:1; } }
.swiper-slide-active .nc-animate-fadedown { animation: nc-fadedown .6s ease forwards; }
.swiper-slide-active .nc-animate-fadeup   { animation: nc-fadeup .7s ease .1s both; }
.swiper-slide-active .nc-animate-fadein   { animation: nc-fadein .8s ease .25s both; } .nc-hero-fallback { background: linear-gradient(135deg,#1e3a8a,#1d4ed8); } .nc-marquee-wrap {
background: #1d4ed8; overflow: hidden; padding: 0; position: relative;
border-top: 2px solid rgba(255,255,255,.15); border-bottom: 2px solid rgba(255,255,255,.15);
}
.nc-marquee-track {
display: flex; align-items: center; white-space: nowrap;
animation: nc-marquee 18s linear infinite;
width: max-content;
}
.nc-marquee-wrap:hover .nc-marquee-track { animation-play-state: paused; }
@keyframes nc-marquee { 0%{transform:translateX(0);} 100%{transform:translateX(-33.333%);} }
.nc-marquee-item { display: inline-flex; align-items: center; gap: 12px; padding: 14px 20px; font-size: 0.85rem; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: .06em; }
.nc-marquee-dot { color: #fbbf24; font-size: 1.1rem; } .nc-section { padding: 64px 0; }
.nc-section-header { text-align: center; margin-bottom: 48px; }
.nc-section-title { font-size: clamp(1.5rem, 3.5vw, 2.25rem); font-weight: 900; color: #111827; margin-bottom: 10px; }
.nc-section-sub { font-size: 0.82rem; color: #6b7280; letter-spacing: .06em; text-transform: uppercase; max-width: 600px; margin: 0 auto; }
.nc-divider { width: 80px; height: 3px; background: #d1d5db; margin: 20px auto 0; border-radius: 2px; } .nc-why-grid {
display: grid; grid-template-columns: repeat(1, 1fr);
border: 1px solid #e5e7eb; border-radius: 16px; overflow: hidden;
max-width: 900px; margin: 0 auto;
box-shadow: 0 2px 16px rgba(0,0,0,.04);
}
@media(min-width:640px){ .nc-why-grid { grid-template-columns: repeat(2,1fr); } }
@media(min-width:1024px){ .nc-why-grid { grid-template-columns: repeat(3,1fr); } }
.nc-why-item { padding: 32px 28px; border-bottom: 1px solid #e5e7eb; display: flex; flex-direction: column; gap: 12px; transition: background .2s; }
.nc-why-item:hover { background: #f0f5ff; }
@media(min-width:1024px){
.nc-why-item:nth-child(1),.nc-why-item:nth-child(2),.nc-why-item:nth-child(3){ border-right: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; }
.nc-why-item:nth-child(3),.nc-why-item:nth-child(6){ border-right: none; }
.nc-why-item:nth-child(4),.nc-why-item:nth-child(5),.nc-why-item:nth-child(6){ border-bottom: none; border-right: 1px solid #e5e7eb; }
}
.nc-why-icon { font-size: 2.5rem; color: #2563eb; }
.nc-why-label { font-weight: 700; font-size: 0.95rem; color: #1f2937; margin: 0; } .nc-comparison-sub { text-align: center; font-size: clamp(1.1rem,2.5vw,1.6rem); font-weight: 800; color: #1f2937; margin-bottom: 28px; }
.nc-comparison-table { max-width: 900px; margin: 0 auto; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 24px rgba(0,0,0,.08); border: 1px solid #e5e7eb; }
.nc-compare-head { display: grid; grid-template-columns: 1fr 1fr; }
.nc-compare-col-a { background: #1d4ed8; color: #fff; font-weight: 700; padding: 16px 20px; font-size: 0.9rem; }
.nc-compare-col-b { background: #16a34a; color: #fff; font-weight: 700; padding: 16px 20px; font-size: 0.9rem; }
.nc-compare-row, .nc-compare-row-alt { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #e5e7eb; }
.nc-compare-row-alt { background: #f9fafb; }
.nc-compare-good, .nc-compare-bad { padding: 14px 20px; font-size: 0.875rem; display: flex; align-items: flex-start; gap: 8px; }
.nc-compare-good i { color: #16a34a; margin-top: 2px; flex-shrink: 0; }
.nc-compare-bad  i { color: #dc2626; margin-top: 2px; flex-shrink: 0; }
.nc-compare-bad { color: #6b7280; }
@media(max-width:640px){
.nc-compare-head, .nc-compare-row, .nc-compare-row-alt { grid-template-columns: 1fr; }
} .nc-services-grid {
display: grid; grid-template-columns: repeat(1,1fr); gap: 20px;
max-width: 1000px; margin: 0 auto;
}
@media(min-width:640px){ .nc-services-grid { grid-template-columns: repeat(2,1fr); } }
@media(min-width:1024px){ .nc-services-grid { grid-template-columns: repeat(3,1fr); } }
.nc-service-card {
border: 2px solid #f87171; border-radius: 16px; padding: 32px 24px;
text-align: center; background: #fff; display: flex; flex-direction: column; align-items: center; gap: 10px;
transition: box-shadow .25s, transform .25s;
}
.nc-service-card:hover { box-shadow: 0 12px 36px rgba(29,78,216,.15); transform: translateY(-4px); }
.nc-service-icon { font-size: 2.8rem; color: #374151; transition: color .2s; }
.nc-service-card:hover .nc-service-icon { color: #1d4ed8; }
.nc-service-name { font-weight: 700; font-size: 1.05rem; color: #1f2937; margin: 0; }
.nc-service-desc { font-size: 0.85rem; color: #6b7280; flex: 1; min-height: 40px; margin: 0; }
.nc-service-price { font-size: 0.85rem; color: #2563eb; font-weight: 700; margin: 0; } .nc-gallery-swiper-wrap { position: relative; padding: 0 40px; }
.nc-gallery-swiper .swiper-slide { padding: 0 8px; }
.nc-gallery-card { border-radius: 14px; overflow: hidden; background: #fff; box-shadow: 0 4px 16px rgba(0,0,0,.08); }
.nc-gallery-img  { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; }
.nc-gallery-placeholder { width: 100%; aspect-ratio: 4/3; background: #f3f4f6; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #9ca3af; font-size: 2rem; gap: 8px; }
.nc-gallery-label { padding: 12px; font-weight: 700; font-size: 0.9rem; text-align: center; background: #fff; border-top: 1px solid #f0f0f0; color: #1f2937; } .nc-ba-wrap { display: grid; grid-template-columns: 1fr 1fr; }
.nc-ba-half { position: relative; aspect-ratio: 1; overflow: hidden; }
.nc-ba-half img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nc-ba-label { position: absolute; top: 8px; left: 8px; background: rgba(0,0,0,.6); color: #fff; font-size: 0.65rem; font-weight: 800; padding: 2px 8px; border-radius: 4px; letter-spacing: .08em; }
.nc-ba-after { left: auto; right: 8px; } .nc-gal-prev, .nc-gal-next {
position: absolute; top: 50%; transform: translateY(-60%);
width: 40px; height: 40px; border-radius: 50%; background: #1d4ed8; color: #fff;
border: none; cursor: pointer; display: flex; align-items: center; justify-content: center;
font-size: 0.85rem; z-index: 10; transition: background .2s; box-shadow: 0 2px 10px rgba(0,0,0,.15);
}
.nc-gal-prev { left: 0; }
.nc-gal-next { right: 0; }
.nc-gal-prev:hover, .nc-gal-next:hover { background: #1e40af; } .nc-testimonials-section { position: relative; padding: 80px 0; overflow: hidden; }
.nc-testimonials-bg { position: absolute; inset: 0; background: #1f2937; z-index: 0; }
.nc-testimonials-overlay { position: absolute; inset: 0; background: rgba(15,25,50,.75); z-index: 1; }
.nc-testimonials-header { margin-bottom: 36px; position: relative; z-index: 2; }
.nc-testimonials-eyebrow { font-size: 0.75rem; text-transform: uppercase; letter-spacing: .1em; color: #93c5fd; margin-bottom: 6px; }
.nc-testimonials-title { font-size: clamp(1.5rem,3vw,2.2rem); font-weight: 900; color: #fff; }
.nc-tests-swiper { padding-bottom: 52px !important; }
.nc-tests-swiper .swiper-slide { height: auto; padding: 0 6px; }
.nc-tests-pagination.swiper-pagination { bottom: 0; }
.nc-tests-pagination .swiper-pagination-bullet { background: #fff; opacity: .4; }
.nc-tests-pagination .swiper-pagination-bullet-active { opacity: 1; background: #3b82f6; }
.nc-test-card { background: #fff; border-radius: 16px; padding: 24px; height: 100%; display: flex; flex-direction: column; gap: 12px; box-shadow: 0 4px 20px rgba(0,0,0,.1); }
.nc-test-text { font-size: 0.875rem; color: #4b5563; line-height: 1.7; flex: 1; font-style: italic; margin: 0; }
.nc-test-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px; }
.nc-test-g { display: flex; align-items: center; gap: 6px; font-size: 0.85rem; color: #1f2937; }
.nc-test-g img { height: 14px; width: auto; }
.nc-stars { color: #f59e0b; font-size: 0.75rem; display: flex; gap: 2px; } .nc-community-box {
background: #1d4ed8; border-radius: 24px; padding: 48px 52px;
display: flex; flex-direction: column; align-items: center;
text-align: center; gap: 24px;
} .nc-community-bottom {
display: grid; grid-template-columns: 1fr 1fr;
gap: 32px; width: 100%; align-items: center; margin-top: 8px;
}
@media(max-width:767px){
.nc-community-box { padding: 32px 24px; }
.nc-community-bottom { grid-template-columns: 1fr; gap: 24px; text-align: left; }
}
.nc-community-title { font-size: clamp(1.5rem,3vw,2.2rem); font-weight: 900; color: #fff; margin-bottom: 8px; text-align: center; }
.nc-community-sub   { color: rgba(255,255,255,.8); font-size: 0.9rem; margin-bottom: 24px; }
.nc-community-note  { color: rgba(255,255,255,.7); font-size: 0.8rem; margin: 16px 0 24px; }
.nc-partner-banner  { background: #fff; border-radius: 14px; padding: 16px; display: flex; align-items: center; gap: 14px; max-width: 420px; margin-bottom: 0; }
.nc-partner-logo, .nc-partner-fc { width: 52px; height: 52px; background: #dbeafe; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.nc-partner-logo i, .nc-partner-fc i { color: #1d4ed8; font-size: 1.4rem; }
.nc-partner-text p  { font-weight: 600; color: #374151; margin: 0; font-size: 0.875rem; }
.nc-partner-text strong { font-size: 1rem; font-weight: 900; color: #1d4ed8; }
.nc-community-right  { display: flex; flex-direction: column; gap: 14px; justify-content: center; }
.nc-community-left-btns { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
@media(max-width:767px){ .nc-community-left-btns { align-items: center; } }
.nc-community-feature{ display: flex; align-items: flex-start; gap: 12px; }
.nc-cf-icon  { width: 36px; height: 36px; background: rgba(255,255,255,.15); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.nc-cf-icon i { color: #fff; font-size: 0.9rem; }
.nc-community-feature p { color: rgba(255,255,255,.9); font-size: 0.9rem; font-weight: 500; margin: 4px 0 0; } .nc-footer { background: #0b1d3a; color: #fff; padding: 56px 0 0; margin-top: 0; }
.nc-footer-grid { display: grid; grid-template-columns: 1fr; gap: 40px; margin-bottom: 40px; }
@media(min-width:640px){ .nc-footer-grid { grid-template-columns: 1fr 1fr; } }
@media(min-width:1024px){ .nc-footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; } }
.nc-footer-logo-wrap { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.nc-footer-logo-icon { width: 52px; height: 52px; background: #1d4ed8; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.nc-footer-logo-icon i { color: #fff; font-size: 1.4rem; }
.nc-footer-logo-name { font-size: 1.2rem; font-weight: 900; line-height: 1.1; }
.nc-footer-logo-tag  { font-size: 0.6rem; letter-spacing: .1em; color: #60a5fa; text-transform: uppercase; font-weight: 600; }
.nc-footer-hours { font-size: 0.8rem; color: #9ca3af; line-height: 2; display: flex; align-items: flex-start; gap: 8px; }
.nc-footer-hours i { color: #60a5fa; margin-top: 4px; flex-shrink: 0; }
.nc-footer-heading { font-weight: 700; font-size: 0.95rem; color: #fff; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.1); }
.nc-footer-links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.nc-footer-links a { font-size: 0.85rem; color: #9ca3af; display: flex; align-items: center; gap: 6px; transition: color .2s; }
.nc-footer-links a i { color: #60a5fa; font-size: 0.6rem; }
.nc-footer-links a:hover { color: #93c5fd; }
.nc-footer-contact-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.nc-footer-contact-list li { display: flex; align-items: flex-start; gap: 10px; }
.nc-footer-contact-list i { color: #60a5fa; margin-top: 2px; flex-shrink: 0; font-size: 0.85rem; }
.nc-footer-contact-list a, .nc-footer-contact-list span { font-size: 0.85rem; color: #9ca3af; transition: color .2s; }
.nc-footer-contact-list a:hover { color: #93c5fd; }
.nc-footer-socials { display: flex; gap: 10px; margin-top: 16px; }
.nc-footer-bar { border-top: 1px solid rgba(255,255,255,.08); padding: 20px 0 24px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 10px; font-size: 0.78rem; color: #6b7280; text-align: center; }
@media(min-width:640px){ .nc-footer-bar { flex-direction: row; } }
.nc-footer-bar a { color: #6b7280; transition: color .2s; }
.nc-footer-bar a:hover { color: #9ca3af; }
.nc-footer-bar-links { display: flex; gap: 16px; } .nc-wa-float { position: fixed; bottom: 24px; left: 16px; z-index: 999; width: 54px; height: 54px; background: #25d366; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(37,211,102,.4); transition: transform .2s, box-shadow .2s; }
.nc-wa-float:hover { transform: scale(1.1); box-shadow: 0 6px 28px rgba(37,211,102,.5); }
.nc-wa-float i { color: #fff; font-size: 1.5rem; } .nc-page-hero { position: relative; min-height: 300px; background: linear-gradient(135deg,#1d4ed8,#1e40af,#1e3a8a); display: flex; align-items: center; padding: 60px 0 40px; }
.nc-page-hero-overlay { position: absolute; inset: 0; background: rgba(0,0,0,.45); z-index: 1; }
.nc-page-hero-content { position: relative; z-index: 2; text-align: center; }
.nc-page-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,.15); color: #fff; font-size: 0.72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 5px 14px; border-radius: 999px; margin-bottom: 16px; border: 1px solid rgba(255,255,255,.25); }
.nc-page-hero h1 { font-size: clamp(1.5rem,4vw,2.5rem); font-weight: 900; color: #fff; margin: 0 0 10px; }
.nc-page-hero h2 { font-size: clamp(1rem,2.5vw,1.4rem); font-weight: 600; color: rgba(255,255,255,.85); margin: 0 0 12px; }
.nc-page-hero p  { color: rgba(255,255,255,.75); font-size: 0.875rem; margin: 0 0 12px; max-width: 560px; margin-left: auto; margin-right: auto; }
.nc-hero-btns    { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin: 20px 0; }
.nc-page-breadcrumb { font-size: 0.78rem; color: rgba(255,255,255,.6); margin-top: 12px; }
.nc-page-breadcrumb a { color: rgba(255,255,255,.8); }
.nc-page-breadcrumb a:hover { color: #fff; } .nc-blog-card { border-radius: 14px; overflow: hidden; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.07); border: 1px solid #e5e7eb; transition: box-shadow .2s, transform .2s; }
.nc-blog-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,.1); transform: translateY(-3px); } .nc-woo ul.products { display: grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); gap: 24px; padding: 0; list-style: none; }
.nc-woo ul.products::before, .nc-woo ul.products::after { display: none; }
.nc-woo ul.products li.product a img { border-radius: 10px; }
button.single_add_to_cart_button, a.add_to_cart_button { background: #1d4ed8 !important; color: #fff !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 0.82rem !important; text-transform: uppercase !important; letter-spacing: .05em !important; padding: 10px 20px !important; border: none !important; transition: background .2s !important; }
button.single_add_to_cart_button:hover, a.add_to_cart_button:hover { background: #1e40af !important; } .bookly-form .bookly-btn { background: #1d4ed8 !important; border-radius: 8px !important; font-weight: 700 !important; border: none !important; }
.bookly-form .bookly-btn:hover { background: #1e40af !important; } .nc-contact-form input, .nc-contact-form textarea, .nc-contact-form select {
width: 100%; padding: 12px 16px; border: 1.5px solid #e5e7eb; border-radius: 8px;
font-size: 0.9rem; transition: border-color .2s, box-shadow .2s; outline: none; font-family: inherit;
}
.nc-contact-form input:focus, .nc-contact-form textarea:focus, .nc-contact-form select:focus {
border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,.12);
}
.nc-form-message { display: none; padding: 10px 14px; border-radius: 8px; font-size: 0.875rem; } .nc-widget-title { font-weight: 700; font-size: 1rem; color: #1f2937; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 2px solid #1d4ed8; } .nc-price-table { width: 100%; border-collapse: collapse; }
.nc-price-table thead th { background: #1d4ed8; color: #fff; padding: 14px 16px; font-weight: 700; text-align: left; }
.nc-price-table thead th:first-child { border-radius: 12px 0 0 0; }
.nc-price-table thead th:last-child  { border-radius: 0 12px 0 0; }
.nc-price-table tbody tr:nth-child(even) { background: #f8fafc; }
.nc-price-table tbody td { padding: 12px 16px; border-bottom: 1px solid #e5e7eb; font-size: 0.9rem; } .nc-404-num { font-size: 8rem; font-weight: 900; color: #e5e7eb; line-height: 1; } @media(max-width:640px){
.nc-hero-content { padding: 60px 16px; }
.nc-section { padding: 48px 0; }
.nc-community-box { padding: 28px 20px; }
.nc-compare-head, .nc-compare-row, .nc-compare-row-alt { grid-template-columns: 1fr; }
.nc-compare-col-b, .nc-compare-bad { display: none; }
} .marquee-text {
width: 100%; overflow: hidden; position: relative;
height: 140px; display: flex; align-items: center;
background: #1d4ed8;
border-top: 3px solid rgba(255,255,255,.2);
border-bottom: 3px solid rgba(255,255,255,.2);
} .marquee-text[style*="background-image"] {
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
} .marquee-text::before {
content: '';
position: absolute; inset: 0;
background: rgba(8,16,64,.40);
z-index: 1;
pointer-events: none;
}
.marquee-inner { position: relative; z-index: 2; }
.marquee-inner {
display: inline-flex; align-items: center; white-space: nowrap;
animation: marquee 18s linear infinite; flex-shrink: 0; line-height: 1;
}
.marquee-text:hover .marquee-inner { animation-play-state: paused; }
.text-label {
font-size: clamp(24px, 4vw, 58px); font-weight: 900;
letter-spacing: 0.5px; color: #ffffff; font-style: italic;
-webkit-text-fill-color: #ffffff; padding: 0 10px;
display: inline-block; vertical-align: middle; line-height: 1;
}
.pipe {
color: #ffd54f !important; -webkit-text-fill-color: #ffd54f !important;
font-style: normal; margin: 0 8px;
}
.van-wrap {
display: inline-flex; flex-direction: column; align-items: center;
justify-content: center; margin: 0 24px;
animation: vanBounce 0.25s ease-in-out infinite alternate;
flex-shrink: 0; vertical-align: middle;
}
.dhaga { display: flex; flex-direction: column; align-items: center; margin-bottom: 2px; }
.dhaga-line { width: 2px; background: #ffd54f; height: 8px; }
.dhaga-knot { width: 6px; height: 6px; border-radius: 50%; background: #ffd54f; }
.dhaga-tassel { display: flex; gap: 3px; margin-top: 1px; }
.dhaga-tassel span {
width: 2px; height: 7px; background: #ffd54f; border-radius: 1px;
display: block; animation: tasselSwing 0.65s ease-in-out infinite alternate;
}
.dhaga-tassel span:nth-child(2){animation-delay:.1s}
.dhaga-tassel span:nth-child(3){animation-delay:.2s}
.dhaga-tassel span:nth-child(4){animation-delay:.15s}
.dhaga-tassel span:nth-child(5){animation-delay:.05s}
.van-img { width: 70px; height: auto; object-fit: contain; display: block; filter: drop-shadow(0 3px 6px rgba(0,0,0,.3)); }
.van-fallback { display: flex; align-items: center; justify-content: center; }
@keyframes vanBounce { 0%{transform:translateY(0px) rotate(-1.5deg);} 100%{transform:translateY(-5px) rotate(1.5deg);} }
@keyframes tasselSwing { 0%{transform:rotate(-10deg);} 100%{transform:rotate(10deg);} }
@keyframes marquee { 0%{transform:translateX(0%);} 100%{transform:translateX(-33.333%);} } .nc-booking-flow { max-width: 900px; margin: 0 auto; }
.nc-booking-step { display: none; animation: nc-fadein .4s ease; }
.nc-booking-step.active { display: block; }
.nc-step-header { text-align:center; margin-bottom: 32px; }
.nc-step-num { display: inline-flex; align-items:center; justify-content:center; width:36px; height:36px; background:#1d4ed8; color:#fff; border-radius:50%; font-weight:900; font-size:.9rem; margin-bottom:12px; }
.nc-step-title { font-size:1.25rem; font-weight:800; color:#111; margin:0; }
.nc-step-sub { color:#6b7280; font-size:.875rem; margin-top:4px; }
.nc-category-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:14px; margin-bottom:24px; }
.nc-cat-btn { background:#fff; border:2px solid #e5e7eb; border-radius:14px; padding:20px 14px; text-align:center; cursor:pointer; transition:all .2s; }
.nc-cat-btn:hover, .nc-cat-btn.active { border-color:#1d4ed8; background:#eff6ff; }
.nc-cat-btn .nc-cat-icon { font-size:2rem; margin-bottom:8px; }
.nc-cat-btn .nc-cat-name { font-weight:700; font-size:.85rem; color:#111; }
.nc-cat-btn .nc-cat-count { font-size:.72rem; color:#6b7280; margin-top:2px; }
.nc-service-list { display:flex; flex-direction:column; gap:10px; margin-bottom:20px; }
.nc-service-row { display:flex; align-items:center; gap:12px; background:#fff; border:1.5px solid #e5e7eb; border-radius:12px; padding:14px 16px; cursor:pointer; transition:all .2s; }
.nc-service-row:hover { border-color:#1d4ed8; background:#f8faff; }
.nc-service-row.selected { border-color:#1d4ed8; background:#eff6ff; }
.nc-service-row .nc-sr-icon { font-size:1.5rem; flex-shrink:0; }
.nc-service-row .nc-sr-info { flex:1; }
.nc-service-row .nc-sr-name { font-weight:700; font-size:.9rem; color:#111; }
.nc-service-row .nc-sr-price { font-size:.8rem; color:#2563eb; font-weight:600; }
.nc-qty-ctrl { display:flex; align-items:center; gap:8px; }
.nc-qty-btn { width:28px; height:28px; border-radius:50%; border:2px solid #1d4ed8; background:#fff; color:#1d4ed8; font-weight:900; font-size:1rem; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.nc-qty-val { font-weight:700; font-size:.9rem; min-width:20px; text-align:center; }
.nc-cart-bar { background:#f0f5ff; border:1.5px solid #bfdbfe; border-radius:12px; padding:14px 16px; display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.nc-cart-bar-info { font-weight:700; font-size:.875rem; color:#1d4ed8; }
.nc-booking-form { background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:28px; }
.nc-booking-form label { display:block; font-weight:700; font-size:.82rem; color:#374151; margin-bottom:6px; margin-top:14px; }
.nc-booking-form label:first-child { margin-top:0; }
.nc-booking-form input, .nc-booking-form select { width:100%; padding:10px 14px; border:1.5px solid #e5e7eb; border-radius:8px; font-size:.9rem; font-family:inherit; }
.nc-booking-form input:focus, .nc-booking-form select:focus { border-color:#3b82f6; outline:none; box-shadow:0 0 0 3px rgba(59,130,246,.12); }
.nc-two-col { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.nc-order-summary { background:#f9fafb; border:1px solid #e5e7eb; border-radius:12px; padding:20px; margin-bottom:20px; }
.nc-order-row { display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid #e5e7eb; font-size:.875rem; }
.nc-order-row:last-child { border:none; font-weight:800; font-size:1rem; }
.nc-pay-methods { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:10px; margin:16px 0; }
.nc-pay-method { background:#fff; border:2px solid #e5e7eb; border-radius:10px; padding:14px; text-align:center; cursor:pointer; transition:all .2s; }
.nc-pay-method:hover,.nc-pay-method.active { border-color:#1d4ed8; background:#eff6ff; }
.nc-pay-method .nc-pm-icon { font-size:1.5rem; margin-bottom:6px; }
.nc-pay-method .nc-pm-label { font-size:.78rem; font-weight:700; color:#374151; }
.nc-booking-success { text-align:center; padding:40px 20px; }
.nc-booking-success .nc-success-icon { font-size:4rem; margin-bottom:16px; }
.nc-booking-track { background:#eff6ff; border:2px solid #bfdbfe; border-radius:12px; padding:20px; margin:20px 0; }
.nc-booking-track .nc-track-label { font-size:.8rem; color:#6b7280; margin-bottom:6px; }
.nc-booking-track .nc-track-num { font-size:1.6rem; font-weight:900; color:#1d4ed8; letter-spacing:2px; }
.nc-step-progress { display:flex; gap:8px; justify-content:center; margin-bottom:32px; }
.nc-sp-dot { width:8px; height:8px; border-radius:50%; background:#e5e7eb; transition:all .3s; }
.nc-sp-dot.done { background:#1d4ed8; }
.nc-sp-dot.active { background:#1d4ed8; width:24px; border-radius:4px; }
.nc-wa-booking-btn { width:100%; background:#25d366; color:#fff; border:none; border-radius:12px; padding:16px; font-size:1rem; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:10px; margin-top:20px; transition:background .2s; }
.nc-wa-booking-btn:hover { background:#16a34a; } .nc-msg-success { background:#dcfce7; color:#166534; border-radius:8px; }
.nc-msg-error { background:#fee2e2; color:#991b1b; border-radius:8px; } .nc-services-grid { position:relative; } .nc-wa-float {
position: fixed; bottom: 24px; left: 16px; z-index: 9999;
background: #25D366; border-radius: 50%; padding: 11px;
box-shadow: 0 4px 20px rgba(37,211,102,.45);
display: flex; align-items: center; justify-content: center;
animation: cricket-bounce 2.4s infinite;
text-decoration: none;
}
.nc-wa-float:hover { animation-play-state: paused; transform: scale(1.12); }
.nc-wa-float:hover .nc-wa-tooltip { opacity: 1; transform: translateX(0); pointer-events: auto; } .nc-wa-tooltip {
position: absolute; left: 64px; top: 50%; transform: translateY(-50%) translateX(-10px);
background: #111827; color: #fff; font-size: 0.78rem; font-weight: 700;
padding: 6px 14px; border-radius: 8px; white-space: nowrap;
opacity: 0; transition: opacity .25s, transform .25s; pointer-events: none;
box-shadow: 0 4px 16px rgba(0,0,0,.2);
}
.nc-wa-tooltip::before {
content: ''; position: absolute; right: 100%; top: 50%; transform: translateY(-50%);
border: 6px solid transparent; border-right-color: #111827;
}
@keyframes cricket-bounce {
0%   { transform: translateY(0);     animation-timing-function: ease-out; }
20%  { transform: translateY(-18px); animation-timing-function: ease-in; }
40%  { transform: translateY(0);     animation-timing-function: ease-out; }
55%  { transform: translateY(-8px);  animation-timing-function: ease-in; }
70%  { transform: translateY(0); }
100% { transform: translateY(0); }
} .nc-comparison-section { background: #f8faff; }
.nc-comparison-headline { text-align:center; font-size:clamp(1.2rem,3vw,1.8rem); font-weight:900; color:#111; margin-bottom:32px; }
.nc-comp-table-wrap { max-width:960px; margin:0 auto; border-radius:18px; overflow:hidden; box-shadow:0 8px 40px rgba(29,78,216,.13); border:1px solid #e0e7ef; }
.nc-comp-table { width:100%; border-collapse:collapse; }
.nc-comp-th-good { background:linear-gradient(90deg,#1d4ed8,#2563eb); color:#fff; font-weight:800; padding:18px 24px; font-size:.95rem; text-align:left; }
.nc-comp-th-bad  { background:linear-gradient(90deg,#16a34a,#22c55e); color:#fff; font-weight:800; padding:18px 24px; font-size:.95rem; text-align:left; }
.nc-comp-row     { display:table-row; transition:background .2s; animation:compRowIn .4s ease both; }
.nc-comp-row:hover .nc-comp-good { background:#f0f5ff; }
.nc-comp-row:hover .nc-comp-bad  { background:#f0fdf4; }
.nc-comp-row-alt .nc-comp-good { background:#fafcff; }
.nc-comp-row-alt { animation:compRowIn .4s ease both; }
.nc-comp-row-alt .nc-comp-bad  { background:#fafffe; }
.nc-comp-good, .nc-comp-bad { padding:15px 24px; border-bottom:1px solid #e5eaf5; font-size:.88rem; }
.nc-comp-good { color:#1f2937; }
.nc-comp-bad  { color:#6b7280; border-left:1px solid #e5eaf5; }
.nc-comp-check { color:#1d4ed8; font-weight:900; margin-right:8px; }
.nc-comp-x     { color:#dc2626; font-weight:900; margin-right:8px; } .nc-scroll-reveal { opacity:1; transform:translateY(0); transition:opacity .6s ease, transform .6s ease; }
.nc-scroll-reveal.nc-hidden { opacity:0; transform:translateY(28px); }
.nc-scroll-reveal.revealed { opacity:1; transform:translateY(0); } .nc-services-section { background:#fff; }
.nc-services-grid-pro {
display:grid; grid-template-columns:repeat(1,1fr); gap:24px;
max-width:1100px; margin:0 auto;
}
@media(min-width:640px){ .nc-services-grid-pro { grid-template-columns:repeat(2,1fr); } }
@media(min-width:1024px){ .nc-services-grid-pro { grid-template-columns:repeat(3,1fr); } }
.nc-svc-card-pro {
background:#fff; border-radius:20px; overflow:hidden;
box-shadow:0 4px 24px rgba(0,0,0,.07);
border:1.5px solid #e5e7eb;
display:flex; flex-direction:column;
transition:all .3s cubic-bezier(.34,1.56,.64,1);
position:relative;
}
.nc-svc-card-pro:hover {
transform:translateY(-8px) scale(1.01);
box-shadow:0 20px 50px rgba(29,78,216,.18);
border-color:#1d4ed8;
}
.nc-svc-card-pro::before {
content:''; position:absolute; top:0; left:0; right:0; height:4px;
background:linear-gradient(90deg,#1d4ed8,#60a5fa);
transform:scaleX(0); transform-origin:left;
transition:transform .35s ease;
}
.nc-svc-card-pro:hover::before { transform:scaleX(1); }
.nc-svc-card-top { padding:28px 24px 20px; flex:1; }
.nc-svc-icon-wrap { position:relative; width:64px; height:64px; margin-bottom:18px; }
.nc-svc-icon-bg {
width:64px; height:64px; border-radius:16px;
background:linear-gradient(135deg,#eff6ff,#dbeafe);
transition:all .3s;
}
.nc-svc-card-pro:hover .nc-svc-icon-bg {
background:linear-gradient(135deg,#1d4ed8,#3b82f6);
}
.nc-svc-fa-icon {
position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
font-size:1.75rem; color:#1d4ed8; transition:color .3s;
}
.nc-svc-card-pro:hover .nc-svc-fa-icon { color:#fff; }
.nc-svc-card-title { font-weight:800; font-size:1.05rem; color:#111827; margin:0 0 8px; }
.nc-svc-card-desc  { font-size:.84rem; color:#6b7280; line-height:1.6; margin:0 0 12px; min-height:40px; }
.nc-svc-card-price { font-size:.82rem; font-weight:700; color:#1d4ed8; }
.nc-svc-card-foot { padding:16px 24px 22px; border-top:1px solid #f0f0f0; }
.nc-svc-book-btn {
display:flex; align-items:center; justify-content:space-between;
background:linear-gradient(90deg,#1d4ed8,#2563eb); color:#fff;
font-weight:700; font-size:.82rem; padding:12px 16px;
border-radius:10px; text-transform:uppercase; letter-spacing:.04em;
text-decoration:none; transition:all .25s; gap:8px;
}
.nc-svc-book-btn:hover { background:linear-gradient(90deg,#1e40af,#1d4ed8); color:#fff; box-shadow:0 4px 16px rgba(29,78,216,.4); }
.nc-svc-arrow { transition:transform .25s; font-size:.75rem; }
.nc-svc-book-btn:hover .nc-svc-arrow { transform:translateX(4px); } .nc-partner-img-wrap { margin:16px 0 12px; border-radius:14px; overflow:hidden; max-width:480px; }
.nc-partner-img { width:100%; height:auto; display:block; border-radius:14px; } .nc-footer .widget { margin:0; }
.nc-footer .widget ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.nc-footer .widget ul li a { font-size:.85rem; color:#9ca3af; display:flex; align-items:center; gap:6px; transition:color .2s; text-decoration:none; }
.nc-footer .widget ul li a:hover { color:#93c5fd; } .nc-addr-opt:first-of-type { border-radius:0; }
.nc-addr-opt:last-child { border-bottom:none; border-radius:0 0 10px 10px; } .footer-services-widget-active .nc-footer-links-fallback { display:none; }
@keyframes compRowIn {
from { opacity:0; transform:translateX(-16px); }
to   { opacity:1; transform:translateX(0); }
}
.nc-comp-table tbody tr:nth-child(1) { animation-delay:.05s; }
.nc-comp-table tbody tr:nth-child(2) { animation-delay:.1s; }
.nc-comp-table tbody tr:nth-child(3) { animation-delay:.15s; }
.nc-comp-table tbody tr:nth-child(4) { animation-delay:.2s; }
.nc-comp-table tbody tr:nth-child(5) { animation-delay:.25s; }
.nc-comp-table tbody tr:nth-child(6) { animation-delay:.3s; }
.nc-comp-table tbody tr:nth-child(7) { animation-delay:.35s; } .nc-svc-card-pro {
animation: svcCardIn .5s ease both;
}
.nc-svc-card-pro:nth-child(1) { animation-delay:.05s; }
.nc-svc-card-pro:nth-child(2) { animation-delay:.1s; }
.nc-svc-card-pro:nth-child(3) { animation-delay:.15s; }
.nc-svc-card-pro:nth-child(4) { animation-delay:.2s; }
.nc-svc-card-pro:nth-child(5) { animation-delay:.25s; }
.nc-svc-card-pro:nth-child(6) { animation-delay:.3s; }
@keyframes svcCardIn {
from { opacity:0; transform:translateY(24px) scale(.97); }
to   { opacity:1; transform:translateY(0) scale(1); }
} .nc-why-item {
animation: whyItemIn .5s ease both;
}
.nc-why-item:nth-child(1) { animation-delay:.0s; }
.nc-why-item:nth-child(2) { animation-delay:.08s; }
.nc-why-item:nth-child(3) { animation-delay:.16s; }
.nc-why-item:nth-child(4) { animation-delay:.24s; }
.nc-why-item:nth-child(5) { animation-delay:.32s; }
.nc-why-item:nth-child(6) { animation-delay:.40s; }
@keyframes whyItemIn {
from { opacity:0; transform:translateY(20px); }
to   { opacity:1; transform:translateY(0); }
}  * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; height: auto; } @media(max-width:640px){
.nc-topbar-inner { flex-direction:column; gap:4px; text-align:center; padding:6px 16px; }
.nc-topbar-left  { flex-wrap:wrap; justify-content:center; gap:10px; }
.nc-topbar-sep   { display:none; }
.nc-topbar-right { justify-content:center; }
} @media(max-width:1023px){
.nc-header-inner { height:64px !important; padding:0 16px; }
.nc-logo-text span { font-size:1rem; }
.nc-logo-text small { font-size:.5rem; }
.nc-logo-icon { width:38px; height:38px; }
.nc-logo-icon i { font-size:1rem; }
.custom-logo { max-height:56px !important; }
.nc-header-sticky-wrap { box-shadow:0 2px 12px rgba(0,0,0,.12); }
.nc-topbar { display:none; } }
@media(max-width:480px){
.nc-header-inner { height:60px !important; padding:0 12px; }
.nc-track-btn { display:none !important; } } @media(max-width:767px){
.nc-hero-slide { min-height:100svh; min-height:100vh; padding-bottom:20px; }
.nc-hero-content { padding:100px 20px 60px !important; }
.nc-hero-title { font-size:clamp(1.6rem,7vw,2.4rem) !important; line-height:1.2; }
.nc-hero-sub { font-size:1rem !important; }
.nc-hero-para { font-size:.78rem !important; }
.nc-hero-btns { flex-direction:column; gap:10px; }
.nc-hero-btns a { width:100%; justify-content:center; padding:14px 20px; font-size:.9rem; }
.nc-hero-prev { left:8px !important; width:36px !important; height:36px !important; }
.nc-hero-next { right:8px !important; width:36px !important; height:36px !important; }
} @media(max-width:640px){
.marquee-text { height:100px; }
.text-label { font-size:clamp(18px,4vw,32px) !important; padding:0 6px; }
.van-img { width:50px !important; }
.van-wrap { margin:0 12px; }
} @media(max-width:767px){
.nc-section { padding:40px 0; }
.nc-section-header { margin-bottom:32px; }
.nc-section-title { font-size:clamp(1.3rem,5vw,1.8rem) !important; }
.container { padding-left:16px !important; padding-right:16px !important; }
} @media(max-width:639px){
.nc-why-grid { grid-template-columns:1fr 1fr !important; }
.nc-why-item { padding:20px 16px; }
.nc-why-icon { font-size:1.8rem; }
.nc-why-label { font-size:.82rem; }
}
@media(max-width:400px){
.nc-why-grid { grid-template-columns:1fr !important; }
} @media(max-width:767px){
.nc-comp-table-wrap { border-radius:12px; }
.nc-comp-table thead tr { display:flex; flex-direction:column; }
.nc-comp-th-good,.nc-comp-th-bad { padding:12px 16px; font-size:.82rem; }
.nc-comp-row,.nc-comp-row-alt { display:flex; flex-direction:column; }
.nc-comp-good,.nc-comp-bad { padding:10px 16px; font-size:.8rem; border-left:none; }
.nc-comp-bad { background:#f9fafb !important; border-top:1px solid #e5e7eb; }
.nc-comp-bad i { color:#dc2626; }
.nc-comparison-headline { font-size:1.2rem; }
} @media(max-width:639px){
.nc-services-grid-pro { grid-template-columns:1fr !important; gap:16px; }
.nc-svc-card-top { padding:20px 18px 14px; }
.nc-svc-card-foot { padding:12px 18px 18px; }
.nc-svc-card-title { font-size:.95rem; }
}
@media(min-width:640px) and (max-width:1023px){
.nc-services-grid-pro { grid-template-columns:repeat(2,1fr) !important; }
} @media(max-width:767px){
.nc-gallery-swiper-wrap { padding:0 20px; }
.nc-gal-prev { left:-4px; }
.nc-gal-next { right:-4px; }
} @media(max-width:767px){
.nc-testimonials-section { padding:48px 0; }
.nc-testimonials-title { font-size:1.5rem; }
.nc-tests-swiper .swiper-slide { padding:0 4px; }
.nc-test-card { padding:18px 16px; }
.nc-test-text { font-size:.82rem; }
} @media(max-width:1023px){
.nc-community-box { grid-template-columns:1fr !important; padding:32px 24px; gap:28px; }
.nc-community-title { font-size:1.3rem; }
.nc-partner-img { max-width:100%; }
}
@media(max-width:640px){
.nc-community-box { padding:24px 16px; }
.nc-hero-btns.nc-community-btns { flex-direction:column; }
.nc-hero-btns.nc-community-btns a { width:100%; justify-content:center; }
} @media(max-width:1023px){
.nc-footer-grid { grid-template-columns:1fr 1fr !important; gap:32px; }
}
@media(max-width:640px){
.nc-footer-grid { grid-template-columns:1fr !important; gap:28px; }
.nc-footer { padding:40px 0 0; }
.nc-footer-bar { flex-direction:column; text-align:center; gap:8px; padding:16px 0 20px; }
.nc-footer-bar-links { justify-content:center; }
}  .nc-footer .custom-logo-link,
.nc-footer a.custom-logo-link {
display: inline-block;
background: #fff;
border-radius: 14px;
padding: 10px 18px;
margin-bottom: 16px;
}
.nc-footer .wp-block-site-logo img,
.nc-footer .custom-logo-link img,
.nc-footer img.custom-logo,
.nc-footer a.custom-logo-link img {
max-height: 96px !important;
width: auto !important;
display: block !important;
filter: none !important;
object-fit: contain;
} @media(max-width:640px){
.nc-wa-float { bottom:16px; left:12px; width:48px; height:48px; padding:8px; }
.nc-wa-tooltip { display:none; } } @media(max-width:767px){
.nc-two-col { grid-template-columns:1fr !important; }
.nc-booking-form { padding:20px 16px; border-radius:14px; }
.nc-step-title { font-size:1.1rem; }
.nc-category-grid { grid-template-columns:repeat(2,1fr) !important; gap:10px; }
.nc-cat-btn { padding:14px 10px; }
.nc-cat-icon { font-size:1.5rem; }
.nc-service-row { padding:12px; }
.nc-wa-booking-btn { font-size:.85rem; padding:13px; }
}
@media(max-width:400px){
.nc-category-grid { grid-template-columns:1fr !important; }
} @media(max-width:767px){
.nc-contact-2col { grid-template-columns:1fr !important; }
.nc-location-grid { grid-template-columns:1fr !important; }
} @media(max-width:767px){
.nc-page-hero { padding:48px 0 32px; min-height:200px; }
.nc-page-hero h1 { font-size:clamp(1.3rem,5vw,2rem); }
.nc-page-hero h2 { font-size:.95rem; }
.nc-hero-btns { justify-content:center; flex-wrap:wrap; }
.nc-hero-btns a { font-size:.8rem; padding:10px 16px; }
} @media(max-width:1023px){
.nc-mobile-menu.open { display:block; animation:mobileMenuIn .2s ease; }
@keyframes mobileMenuIn { from{opacity:0;transform:translateY(-8px);} to{opacity:1;transform:translateY(0);} }
.nc-mobile-nav-list li a { padding:14px 16px; font-size:1rem; }
.nc-mobile-ctas { padding:0 16px; }
.nc-mobile-ctas a { padding:14px; font-size:.95rem; }
} @media(hover:none) and (pointer:coarse){ .nc-svc-card-pro:hover { transform:none; }
.nc-btn-blue:hover, .nc-btn-green:hover { transform:none; } .nc-nav-link { min-height:44px; }
button, .nc-btn-blue, .nc-btn-green, a.nc-btn-blue, a.nc-btn-green { min-height:44px; } .nc-mobile-menu { -webkit-overflow-scrolling:touch; }
.nc-gallery-swiper { -webkit-overflow-scrolling:touch; }
} @supports(padding-bottom: env(safe-area-inset-bottom)){
.nc-footer { padding-bottom:calc(24px + env(safe-area-inset-bottom)); }
.nc-wa-float { bottom:calc(16px + env(safe-area-inset-bottom)); }
.nc-header { padding-top:env(safe-area-inset-top); }
} @media(max-width:640px){
.nc-price-table thead th,
.nc-price-table tbody td { padding:10px 12px; font-size:.8rem; }
} @media(max-width:640px){ .nc-comp-th-bad,.nc-comp-bad { display:none; }
.nc-comp-th-good { border-radius:0 !important; }
.nc-comp-table { border-radius:12px; overflow:hidden; }
}  body { overflow-x: hidden; }
* { box-sizing: border-box; }  [style*="background:#1d4ed8"] #ncb-track-widget,
[style*="background:#1d4ed8"] .ncb-track-wrap,
[style*="background:#1d4ed8"] h2,
[style*="background:#1d4ed8"] h3,
[style*="background:#1d4ed8"] p,
[style*="background:#1d4ed8"] label {
color: #fff !important;
}
[style*="background:#1d4ed8"] #ncb-track-result .ncb-tr-card * {
color: initial;
} .nc-track-box h3,
.nc-track-box p { color: #fff !important; }
.nc-track-box #ncb-track-input {
background: #fff;
color: #111 !important;
border: 2px solid rgba(255,255,255,.3);
} .nc-footer .widget_recent_entries,
.nc-footer .widget_archive,
.nc-footer .widget_categories { display:none !important; }  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
.pol-wrap {
font-family: 'Inter', sans-serif;
background: #f4f6fb;
min-height: 100vh;
color: #2d3748;
} .pol-hero {
background: linear-gradient(130deg, #0a0e2e 0%, #0d1b6e 55%, #1a3799 100%);
padding: 64px 24px 56px;
text-align: center;
position: relative;
overflow: hidden;
}
.pol-hero::before,
.pol-hero::after {
content: '';
position: absolute;
border-radius: 50%;
opacity: 0.07;
background: #fff;
}
.pol-hero::before { width: 340px; height: 340px; top: -120px; right: -80px; }
.pol-hero::after  { width: 240px; height: 240px; bottom: -100px; left: -60px; }
.pol-hero-icon {
font-size: 44px;
display: block;
margin-bottom: 14px;
position: relative;
z-index: 1;
}
.pol-hero h1 {
font-family: 'Poppins', sans-serif;
font-size: clamp(26px, 4vw, 40px);
font-weight: 800;
color: #fff;
position: relative;
z-index: 1;
margin-bottom: 10px;
}
.pol-hero p {
font-size: 15px;
color: rgba(255,255,255,0.72);
position: relative;
z-index: 1;
} .pol-breadcrumb {
background: #fff;
border-bottom: 1px solid #e2e8f0;
padding: 11px 0;
}
.pol-breadcrumb-inner {
max-width: 1120px;
margin: 0 auto;
padding: 0 24px;
display: flex;
align-items: center;
gap: 7px;
font-size: 13px;
color: #000000;
}
.pol-breadcrumb-inner a { color: #000000; text-decoration: none; font-weight: 600; }
.pol-breadcrumb-inner a:hover { text-decoration:none;color:#cbd5e0 }
.pol-breadcrumb-inner .sep { color: #000000; }
.pol-breadcrumb-inner .cur { color: #000000; font-weight: 600; } .pol-layout {
max-width: 1220px;
margin: 48px auto 72px;
padding: 0 24px;
display: grid;
grid-template-columns: 256px 1fr;
gap: 32px;
align-items: start;
} .pol-sidebar { position: sticky; top: 90px; }
.pol-toc {
background: #fff;
border-radius: 14px;
box-shadow: 0 2px 18px rgba(10,14,46,0.08);
border-top: 4px solid #1a3799;
padding: 26px 20px;
}
.pol-toc-title {
font-family: 'Poppins', sans-serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #1a3799;
margin-bottom: 16px;
padding-bottom: 12px;
border-bottom: 1px solid #e8edf5;
}
.pol-toc ul { list-style: none; }
.pol-toc ul li { margin-bottom: 2px; }
.pol-toc ul li a {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
color: #4a5568;
text-decoration: none;
padding: 7px 10px;
border-radius: 8px;
font-weight: 500;
line-height: 1.4;
transition: background 0.18s, color 0.18s;
}
.pol-toc ul li a .toc-num {
width: 20px; height: 20px;
background: #eef1fa;
color: #1a3799;
border-radius: 5px;
font-size: 11px;
font-weight: 700;
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
transition: background 0.18s, color 0.18s;
}
.pol-toc ul li a:hover,
.pol-toc ul li a.toc-active {
background: #eef1fa;
color: #1a3799;
}
.pol-toc ul li a:hover .toc-num,
.pol-toc ul li a.toc-active .toc-num {
background: #1a3799;
color: #000000;
} .pol-pages-list {
background: #fff;
border-radius: 14px;
box-shadow: 0 2px 18px rgba(10,14,46,0.08);
padding: 22px 20px;
margin-top: 20px;
}
.pol-pages-title {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #718096;
margin-bottom: 14px;
}
.pol-pages-list ul { list-style: none; }
.pol-pages-list ul li { margin-bottom: 2px; }
.pol-pages-list ul li a {
display: block;
font-size: 13px;
color: #4a5568;
text-decoration: none;
padding: 7px 10px;
border-radius: 8px;
font-weight: 500;
transition: background 0.18s, color 0.18s;
}
.pol-pages-list ul li a:hover { background: #eef1fa; color: #1a3799; }
.pol-pages-list ul li a.pol-current {
background: #eef1fa;
color: #1a3799;
font-weight: 700;
} .pol-card {
background: #fff;
border-radius: 18px;
box-shadow: 0 2px 28px rgba(10,14,46,0.07);
padding: 50px 56px;
} .pol-intro {
background: linear-gradient(135deg, #eef1fa, #f0f5ff);
border-left: 4px solid #1a3799;
border-radius: 10px;
padding: 20px 24px;
margin-bottom: 40px;
font-size: 15px;
color: #2d3748;
line-height: 1.8;
}
.pol-intro strong { color: #0a0e2e; }  .pol-body h2 {
font-family: 'Poppins', sans-serif;
font-size: 19px;
font-weight: 700;
color: #0a0e2e;
margin: 40px 0 12px;
display: flex;
align-items: center;
gap: 12px;
scroll-margin-top: 100px;
}
.pol-body h2 .sec-badge {
width: 34px; height: 34px;
background: linear-gradient(135deg, #0a0e2e, #1a3799);
color: #fff;
border-radius: 9px;
font-size: 13px;
font-weight: 700;
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
counter-increment: section;
}
.pol-body h3 {
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 700;
color: #1a3799;
margin: 22px 0 8px;
}
.pol-body p {
font-size: 15px;
line-height: 1.85;
color: #4a5568;
margin-bottom: 14px;
}
.pol-body ul, .pol-body ol {
margin: 8px 0 16px 0;
padding: 0;
list-style: none;
}
.pol-body ul li, .pol-body ol li {
font-size: 15px;
color: #4a5568;
line-height: 1.75;
padding: 5px 0 5px 22px;
position: relative;
}
.pol-body ul li::before {
content: '→';
position: absolute; left: 0;
color: #1a3799; font-weight: 700; font-size: 12px;
}
.pol-body ol { counter-reset: li; }
.pol-body ol li::before {
content: counter(li) '.';
counter-increment: li;
position: absolute; left: 0;
color: #1a3799; font-weight: 700; font-size: 13px;
}
.pol-body hr {
border: none;
border-top: 1px dashed #dde4ef;
margin: 36px 0;
}
.pol-body a {
color: #1a3799;
text-decoration: underline;
}
.pol-body strong { color: #2d3748; font-weight: 600; }
.whatsapp-btn {
display: inline-block;
background-color: #25D366;
color: #fff;
padding: 12px 20px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
transition: 0.3s ease;
}
.whatsapp-btn:hover {
background-color: #1ebe5d;
} .pol-meta {
margin-top: 40px;
padding: 16px 20px;
background: #f7f9fc;
border-radius: 10px;
font-size: 13px;
color: #718096;
text-align: center;
}
.pol-meta strong { color: #4a5568; } .pol-cta {
margin-top: 32px;
background: linear-gradient(130deg, #0a0e2e 0%, #1a3799 100%);
border-radius: 14px;
padding: 30px 36px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}
.pol-cta-text h4 {
font-family: 'Poppins', sans-serif;
font-size: 17px;
font-weight: 700;
color: #fff;
margin-bottom: 5px;
}
.pol-cta-text p { font-size: 14px; color: rgba(255,255,255,0.75); }
.pol-cta a {
background: #fff;
color: #0a0e2e;
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-weight: 700;
padding: 11px 26px;
border-radius: 50px;
text-decoration: none;
white-space: nowrap;
transition: transform 0.2s, box-shadow 0.2s;
}
.pol-cta a:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0,0,0,0.2); } @media (max-width: 960px) {
.pol-layout { grid-template-columns: 1fr; }
.pol-sidebar { position: static; display: none; }
.pol-card { padding: 32px 22px; }
}
@media (max-width: 560px) {
.pol-hero { padding: 44px 16px 38px; }
.pol-cta { flex-direction: column; text-align: center; }
.pol-layout { margin: 28px auto 48px; }
} .nc-header-inner { min-height: 80px; }  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--nc-dark:       #0a0e2e;
--nc-mid:        #0d1b6e;
--nc-main:       #1a3799;
--nc-light:      #eef1fa;
--nc-text-dark:  #2d3748;
--nc-text-mid:   #4a5568;
--nc-text-light: #718096;
--nc-border:     #e2e8f0;
--nc-shadow:     0 2px 28px rgba(10,14,46,.08);
} .nc-wrap {
font-family: 'Inter', sans-serif;
background: #f4f6fb;
color: var(--nc-text-dark);
} #nc-progress {
position: fixed; top: 0; left: 0;
height: 3px; width: 0%;
background: linear-gradient(90deg, var(--nc-main), #5b8dee);
z-index: 99999;
transition: width .1s linear;
} .nc-hero {
background: linear-gradient(130deg, #0a0e2e 0%, #0d1b6e 55%, #1a3799 100%);
padding: 64px 24px 56px;
text-align: center;
position: relative;
overflow: hidden;
}
.nc-hero::before,
.nc-hero::after {
content: ''; position: absolute;
border-radius: 50%; opacity: .07; background: #fff;
}
.nc-hero::before { width: 340px; height: 340px; top: -120px; right: -80px; }
.nc-hero::after  { width: 240px; height: 240px; bottom: -100px; left: -60px; }
.nc-hero-meta {
display: flex; align-items: center; justify-content: center;
gap: 14px; margin-bottom: 18px; flex-wrap: wrap;
position: relative; z-index: 1;
}
.nc-hero-meta .nc-cat-badge {
background: rgba(255,255,255,.15); color: #fff;
font-size: 12px; font-weight: 600;
padding: 5px 13px; border-radius: 50px;
border: 1px solid rgba(255,255,255,.25);
text-decoration: none; letter-spacing: .04em;
}
.nc-hero-meta .nc-cat-badge:hover { background: rgba(255,255,255,.27); }
.nc-hero-meta .nc-read-time  { color: rgba(255,255,255,.65); font-size: 13px; }
.nc-hero h1 {
font-family: 'Poppins', sans-serif;
font-size: clamp(22px, 3.5vw, 38px);
font-weight: 800; color: #fff;
position: relative; z-index: 1;
margin: 0 auto 18px; max-width: 860px; line-height: 1.3;
}
.nc-hero-author {
display: flex; align-items: center; justify-content: center;
gap: 10px; position: relative; z-index: 1;
}
.nc-hero-author img {
width: 38px; height: 38px; border-radius: 50%;
border: 2px solid rgba(255,255,255,.4); object-fit: cover;
}
.nc-hero-author-info { text-align: left; }
.nc-hero-author-info .nc-name  { font-size: 14px; font-weight: 600; color: #fff; }
.nc-hero-author-info .nc-date  { font-size: 12px; color: rgba(255,255,255,.60); } .nc-feat-img {
max-width: 1220px; margin: -28px auto 0;
padding: 0 24px; position: relative; z-index: 2;
}
.nc-feat-img img {
width: 100%; max-height: 460px; object-fit: cover;
border-radius: 16px;
box-shadow: 0 8px 40px rgba(10,14,46,.18);
display: block;
} .nc-breadcrumb {
background: #fff; border-bottom: 1px solid var(--nc-border);
padding: 11px 0;
}
.nc-breadcrumb-inner {
max-width: 1220px; margin: 0 auto; padding: 0 24px;
display: flex; align-items: center; gap: 7px;
font-size: 13px; color: var(--nc-text-dark);
}
.nc-breadcrumb-inner a { color: #222; text-decoration: none; font-weight: 600; }
.nc-breadcrumb-inner a:hover { color: var(--nc-main); }
.nc-breadcrumb-inner .nc-sep { color: #aaa; }
.nc-breadcrumb-inner .nc-cur { color: var(--nc-text-mid); font-weight: 500; } .nc-layout {
max-width: 1220px; margin: 40px auto 72px;
padding: 0 24px;
display: grid;
grid-template-columns: 256px 1fr;
gap: 32px; align-items: start;
} .nc-sidebar { position: sticky; top: 90px; }
.nc-toc {
background: #fff; border-radius: 14px;
box-shadow: var(--nc-shadow);
border-top: 4px solid var(--nc-main);
padding: 26px 20px;
}
.nc-toc-title {
font-family: 'Poppins', sans-serif;
font-size: 11px; font-weight: 700;
text-transform: uppercase; letter-spacing: .08em;
color: var(--nc-main);
margin-bottom: 16px; padding-bottom: 12px;
border-bottom: 1px solid var(--nc-light);
}
.nc-toc ul { list-style: none; }
.nc-toc ul li { margin-bottom: 2px; }
.nc-toc ul li a {
display: flex; align-items: center; gap: 8px;
font-size: 13px; color: var(--nc-text-mid);
text-decoration: none;
padding: 7px 10px; border-radius: 8px;
font-weight: 500; line-height: 1.4;
transition: background .18s, color .18s;
}
.nc-toc ul li a .nc-toc-num {
width: 20px; height: 20px;
background: var(--nc-light); color: var(--nc-main);
border-radius: 5px; font-size: 11px; font-weight: 700;
display: flex; align-items: center; justify-content: center;
flex-shrink: 0; transition: background .18s, color .18s;
}
.nc-toc ul li a:hover,
.nc-toc ul li a.nc-toc-active {
background: var(--nc-light); color: var(--nc-main);
}
.nc-toc ul li a:hover .nc-toc-num,
.nc-toc ul li a.nc-toc-active .nc-toc-num {
background: var(--nc-main); color: #fff;
} .nc-share-card {
background: #fff; border-radius: 14px;
box-shadow: var(--nc-shadow);
padding: 22px 20px; margin-top: 20px;
}
.nc-share-title {
font-size: 11px; font-weight: 700;
text-transform: uppercase; letter-spacing: .08em;
color: var(--nc-text-light); margin-bottom: 14px;
}
.nc-share-btns { display: flex; flex-direction: column; gap: 8px; }
.nc-share-btn {
display: flex; align-items: center; gap: 10px;
padding: 9px 14px; border-radius: 9px;
font-size: 13px; font-weight: 600;
text-decoration: none;
transition: opacity .2s, transform .2s;
color: #fff;
}
.nc-share-btn:hover { opacity: .88; transform: translateX(2px); color: #fff; }
.nc-share-btn.nc-wa  { background: #25D366; }
.nc-share-btn.nc-tw  { background: #1DA1F2; }
.nc-share-btn.nc-fb  { background: #1877F2; }
.nc-share-btn.nc-cp  { background: var(--nc-main); cursor: pointer; border: none; width: 100%; }
.nc-share-btn svg    { width: 16px; height: 16px; fill: #fff; flex-shrink: 0; } .nc-card {
background: #fff; border-radius: 18px;
box-shadow: var(--nc-shadow);
padding: 50px 56px;
} .nc-intro {
background: linear-gradient(135deg,#eef1fa,#f0f5ff);
border-left: 4px solid var(--nc-main);
border-radius: 10px; padding: 20px 24px;
margin-bottom: 40px;
font-size: 15px; color: var(--nc-text-dark);
line-height: 1.8; font-style: italic;
}
.nc-intro strong { color: var(--nc-dark); font-style: normal; } .nc-body { counter-reset: ncsec; }
.nc-body h2 {
font-family: 'Poppins', sans-serif;
font-size: 20px; font-weight: 700;
color: var(--nc-dark);
margin: 44px 0 14px;
display: flex; align-items: center; gap: 12px;
scroll-margin-top: 100px;
}
.nc-body h2 .nc-sec-badge {
width: 34px; height: 34px;
background: linear-gradient(135deg,#0a0e2e,#1a3799);
color: #fff; border-radius: 9px;
font-size: 13px; font-weight: 700;
display: flex; align-items: center; justify-content: center;
flex-shrink: 0; counter-increment: ncsec;
}
.nc-body h3 {
font-family: 'Poppins', sans-serif;
font-size: 16px; font-weight: 700;
color: var(--nc-main); margin: 26px 0 10px;
}
.nc-body h4 {
font-family: 'Poppins', sans-serif;
font-size: 14px; font-weight: 700;
color: var(--nc-text-dark); margin: 18px 0 8px;
text-transform: uppercase; letter-spacing: .05em;
}
.nc-body p {
font-family: 'Lora', serif;
font-size: 16px; line-height: 1.9;
color: var(--nc-text-mid); margin-bottom: 16px;
}
.nc-body ul, .nc-body ol {
margin: 8px 0 18px; padding: 0; list-style: none;
}
.nc-body ul li, .nc-body ol li {
font-family: 'Lora', serif;
font-size: 16px; color: var(--nc-text-mid);
line-height: 1.8; padding: 6px 0 6px 26px;
position: relative;
}
.nc-body ul li::before {
content: '→'; position: absolute; left: 0;
color: var(--nc-main); font-weight: 700;
font-family: 'Inter', sans-serif; font-size: 13px;
}
.nc-body ol { counter-reset: ncli; }
.nc-body ol li::before {
content: counter(ncli) '.'; counter-increment: ncli;
position: absolute; left: 0;
color: var(--nc-main); font-weight: 700;
font-family: 'Inter', sans-serif; font-size: 13px;
}
.nc-body blockquote {
background: var(--nc-light);
border-left: 4px solid var(--nc-main);
border-radius: 0 10px 10px 0;
padding: 18px 22px; margin: 24px 0;
font-style: italic; font-family: 'Lora', serif;
font-size: 16px; color: var(--nc-dark);
}
.nc-body img {
max-width: 100%; border-radius: 10px;
margin: 20px 0;
box-shadow: 0 4px 20px rgba(10,14,46,.08);
}
.nc-body hr { border: none; border-top: 1px dashed #dde4ef; margin: 40px 0; }
.nc-body a  { color: var(--nc-main); text-decoration: underline; }
.nc-body strong { color: var(--nc-text-dark); font-weight: 600; } .nc-tags {
margin-top: 36px; padding-top: 24px;
border-top: 1px solid var(--nc-border);
display: flex; flex-wrap: wrap;
gap: 8px; align-items: center;
}
.nc-tags-label {
font-size: 12px; font-weight: 700;
text-transform: uppercase; color: var(--nc-text-light);
letter-spacing: .06em;
}
.nc-tags a {
background: var(--nc-light); color: var(--nc-main);
font-size: 12px; font-weight: 600;
padding: 5px 13px; border-radius: 50px;
text-decoration: none;
transition: background .18s, color .18s;
}
.nc-tags a:hover { background: var(--nc-main); color: #fff; } .nc-author-box {
margin-top: 40px; background: #f7f9fc;
border-radius: 14px; padding: 26px 28px;
display: flex; align-items: center; gap: 22px;
}
.nc-author-box img {
width: 72px; height: 72px; border-radius: 50%;
object-fit: cover; border: 3px solid var(--nc-light);
flex-shrink: 0;
}
.nc-author-info .nc-author-name {
font-family: 'Poppins', sans-serif;
font-size: 16px; font-weight: 700;
color: var(--nc-dark); margin-bottom: 5px;
}
.nc-author-info .nc-author-bio {
font-size: 14px; color: var(--nc-text-mid); line-height: 1.65;
} .nc-cta {
margin-top: 36px;
background: linear-gradient(130deg,#0a0e2e 0%,#1a3799 100%);
border-radius: 14px; padding: 30px 36px;
display: flex; align-items: center;
justify-content: space-between; gap: 20px; flex-wrap: wrap;
}
.nc-cta-text h4 {
font-family: 'Poppins', sans-serif;
font-size: 17px; font-weight: 700; color: #fff; margin-bottom: 5px;
}
.nc-cta-text p { font-size: 14px; color: rgba(255,255,255,.75); }
.nc-cta a {
background: #fff; color: var(--nc-dark);
font-family: 'Poppins', sans-serif;
font-size: 13px; font-weight: 700;
padding: 11px 26px; border-radius: 50px;
text-decoration: none; white-space: nowrap;
transition: transform .2s, box-shadow .2s;
}
.nc-cta a:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0,0,0,.22); } .nc-related { margin-top: 60px; }
.nc-related-title {
font-family: 'Poppins', sans-serif;
font-size: 20px; font-weight: 800;
color: var(--nc-dark); margin-bottom: 24px;
}
.nc-related-grid {
display: grid;
grid-template-columns: repeat(auto-fill,minmax(260px,1fr));
gap: 22px;
}
.nc-related-card {
background: #fff; border-radius: 14px;
box-shadow: var(--nc-shadow);
overflow: hidden; text-decoration: none;
display: flex; flex-direction: column;
transition: transform .2s, box-shadow .2s;
}
.nc-related-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 36px rgba(10,14,46,.13);
}
.nc-related-card img { width: 100%; height: 160px; object-fit: cover; display: block; }
.nc-related-card-body { padding: 18px; flex: 1; }
.nc-related-card-cat {
font-size: 11px; font-weight: 700;
text-transform: uppercase; color: var(--nc-main);
letter-spacing: .07em; margin-bottom: 6px;
}
.nc-related-card-title {
font-family: 'Poppins', sans-serif;
font-size: 14px; font-weight: 700;
color: var(--nc-dark); line-height: 1.45; margin-bottom: 10px;
}
.nc-related-card-date { font-size: 12px; color: var(--nc-text-light); } @media (max-width: 960px) {
.nc-layout { grid-template-columns: 1fr; }
.nc-sidebar { position: static; display: none; }
.nc-card { padding: 32px 22px; }
}
@media (max-width: 560px) {
.nc-hero { padding: 44px 16px 38px; }
.nc-cta  { flex-direction: column; text-align: center; }
.nc-layout { margin: 24px auto 48px; }
.nc-author-box { flex-direction: column; text-align: center; }
} .nc-track-box, .nc-track-box * { color: #fff !important; }
.nc-track-box h2, .nc-track-box h3, .nc-track-box h4,
.nc-track-box p, .nc-track-box label, .nc-track-box span,
.nc-track-box .ncb-track-title, .ncb-track-sub,
#ncb-track-widget *, #ncb-track-widget h2,
#ncb-track-widget p, #ncb-track-widget label { color: #fff !important; } .nc-track-box .ncb-tr-card,
.nc-track-box .ncb-tr-card * { color: #1f2937 !important; }
.nc-track-box .ncb-tr-card .ncb-tr-status { color: #1d4ed8 !important; } .nc-track-box .ncb-track-form,
.nc-track-box form,
.nc-track-box #ncb-track-form { max-width: 480px; margin: 0 auto !important; }  @media(max-width:767px){
.nc-booking-page-wrap { padding:24px 0 40px; }
.nc-booking-main { max-width:100%; padding:0 4px; }
.nc-bstep { padding:22px 16px; border-radius:14px; }
.nc-bstep-head h2 { font-size:1.15rem; }
.nc-prog-bar { gap:0; max-width:100%; padding:0 4px; overflow-x:auto; }
.nc-prog-dot { width:30px; height:30px; font-size:.75rem; }
.nc-prog-label { font-size:.58rem; }
.nc-prog-line { min-width:16px; }
.nc-cat-grid { grid-template-columns:repeat(2,1fr); gap:10px; }
.nc-cat-card { padding:14px 10px; }
.nc-cat-card-icon { font-size:1.8rem; }
.nc-bstep-actions { flex-direction:column; }
.nc-bstep-actions .nc-btn-blue { width:100%; justify-content:center; }
.nc-pay-methods { grid-template-columns:repeat(2,1fr); }
.nc-rv-row { flex-direction:column; gap:2px; }
.nc-rv-val { text-align:left; font-size:.85rem; }
.nc-rv-row:last-child .nc-rv-val { font-size:.95rem; }
.nc-items-list { max-height:300px; }
.nc-item-row { flex-wrap:wrap; }
.nc-item-row-name { min-width:120px; } div[style*="grid-template-columns:repeat(3,1fr)"] {
display:grid !important;
grid-template-columns:1fr !important;
max-width:360px !important;
} .nc-track-box { padding:28px 16px; border-radius:14px; }
}
@media(max-width:400px){
.nc-cat-grid { grid-template-columns:1fr 1fr; gap:8px; }
.nc-pay-methods { grid-template-columns:1fr 1fr; }
} @media(min-width:480px) and (max-width:700px){
div[style*="grid-template-columns:repeat(3,1fr)"] {
grid-template-columns:repeat(3,1fr) !important;
max-width:100% !important;
}
} @media(max-width:767px){ body, html { overflow-x:hidden; }
.container { max-width:100% !important; overflow-x:hidden; } .nc-community-bottom { flex-direction:column; align-items:center; gap:20px; }
.nc-community-left-btns { flex-direction:column; align-items:center; }
.nc-community-left-btns a { width:100% !important; max-width:280px; } .nc-footer-bar { padding:16px; } #ncb-sw-panel { z-index:9999 !important; }
}  .nc-blog-wrap {
--ncb-navy:    #0a0e2e; --ncb-blue:    #0d1b6e; --ncb-accent:  #1a3799; --ncb-sky:     #eef1fa; --ncb-gold:    #f5a623; --ncb-white:   #ffffff;
--ncb-bg:      #f4f6fb; --ncb-border:  #e2e8f0; --ncb-text-dark:  #1a202c;
--ncb-text-mid:   #4a5568;
--ncb-text-light: #718096;
--ncb-shadow-sm:  0 2px 16px rgba(10,14,46,0.07);
--ncb-shadow-md:  0 8px 36px rgba(10,14,46,0.13);
font-family: 'Inter', sans-serif;
background: var(--ncb-bg);
min-height: 100vh;
color: var(--ncb-text-dark);
}
.nc-blog-wrap *, .nc-blog-wrap *::before, .nc-blog-wrap *::after { box-sizing: border-box; } .nc-blog-hero {
background: linear-gradient(130deg, var(--ncb-navy) 0%, var(--ncb-blue) 55%, var(--ncb-accent) 100%);
padding: 76px 24px 68px;
text-align: center;
position: relative;
overflow: hidden;
} .nc-blog-hero::before,
.nc-blog-hero::after {
content: '';
position: absolute;
border-radius: 50%;
background: rgba(255,255,255,0.06);
}
.nc-blog-hero::before { width: 380px; height: 380px; top: -140px; right: -90px; }
.nc-blog-hero::after  { width: 260px; height: 260px; bottom: -110px; left: -65px; } .nc-blog-hero-eyebrow {
display: inline-flex; align-items: center; gap: 7px;
background: rgba(255,255,255,0.10);
border: 1px solid rgba(255,255,255,0.18);
color: rgba(255,255,255,0.88);
font-size: 12px; font-weight: 600;
letter-spacing: 0.1em; text-transform: uppercase;
padding: 6px 16px; border-radius: 50px; margin-bottom: 22px;
position: relative; z-index: 1;
}
.nc-blog-hero h1 {
font-family: 'Poppins', sans-serif;
font-size: clamp(28px, 4.5vw, 46px);
font-weight: 800; color: var(--ncb-white);
line-height: 1.2; margin-bottom: 14px;
position: relative; z-index: 1;
} .nc-blog-hero h1 span { position: relative; display: inline-block; }
.nc-blog-hero h1 span::after {
content: ''; position: absolute; left: 0; bottom: -4px;
width: 100%; height: 3px; background: var(--ncb-gold); border-radius: 2px;
}
.nc-blog-hero p {
font-size: 16px; color: rgba(255,255,255,0.65);
max-width: 520px; margin: 0 auto; line-height: 1.75;
position: relative; z-index: 1;
} .nc-blog-breadcrumb {
background: var(--ncb-white);
border-bottom: 1px solid var(--ncb-border);
padding: 11px 0;
}
.nc-blog-breadcrumb-inner {
max-width: 1180px; margin: 0 auto; padding: 0 24px;
display: flex; align-items: center; gap: 7px; font-size: 13px;
}
.nc-blog-breadcrumb-inner a { color: var(--ncb-navy); text-decoration: none; font-weight: 600; }
.nc-blog-breadcrumb-inner a:hover { color: var(--ncb-accent); }
.nc-blog-breadcrumb-inner .sep { color: #bbb; }
.nc-blog-breadcrumb-inner .cur { color: var(--ncb-text-mid); } .nc-blog-body { max-width: 1180px; margin: 52px auto 88px; padding: 0 24px; } .nc-blog-filters {
display: flex; align-items: center; gap: 8px;
flex-wrap: wrap; margin-bottom: 44px;
}
.nc-blog-filter-label {
font-size: 11px; font-weight: 700; text-transform: uppercase;
letter-spacing: 0.08em; color: var(--ncb-text-light); margin-right: 2px;
}
.nc-blog-pill {
display: inline-block; padding: 7px 18px; border-radius: 50px;
font-size: 13px; font-weight: 600; text-decoration: none;
border: 1.5px solid var(--ncb-border);
color: var(--ncb-text-mid); background: var(--ncb-white);
transition: border-color 0.18s, color 0.18s, background 0.18s;
white-space: nowrap;
}
.nc-blog-pill:hover { border-color: var(--ncb-accent); color: var(--ncb-accent); background: var(--ncb-sky); }
.nc-blog-pill.active { background: var(--ncb-accent); border-color: var(--ncb-accent); color: var(--ncb-white); }
.nc-blog-pill .pill-count { opacity: 0.55; font-weight: 400; font-size: 11px; } .nc-blog-results-info {
font-size: 13px; color: var(--ncb-text-light); margin-bottom: 30px;
display: flex; align-items: center; justify-content: space-between;
gap: 10px; flex-wrap: wrap;
}
.nc-blog-results-info strong { color: var(--ncb-text-dark); }
.nc-blog-clear {
font-size: 12px; color: var(--ncb-accent); text-decoration: none;
font-weight: 600; padding: 5px 13px;
border: 1px solid var(--ncb-accent); border-radius: 6px; transition: all 0.18s;
}
.nc-blog-clear:hover { background: var(--ncb-accent); color: var(--ncb-white); } .nc-blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; } .nc-blog-card {
background: var(--ncb-white); border-radius: 16px;
box-shadow: var(--ncb-shadow-sm); overflow: hidden;
display: flex; flex-direction: column; text-decoration: none;
border: 1px solid transparent;
transition: transform 0.22s, box-shadow 0.22s, border-color 0.22s;
}
.nc-blog-card:hover {
transform: translateY(-6px);
box-shadow: var(--ncb-shadow-md);
border-color: var(--ncb-sky);
} .nc-blog-card-thumb {
position: relative; height: 210px; overflow: hidden;
background: var(--ncb-sky); flex-shrink: 0;
}
.nc-blog-card-thumb img {
width: 100%; height: 100%; object-fit: cover; display: block;
transition: transform 0.45s ease;
}
.nc-blog-card:hover .nc-blog-card-thumb img { transform: scale(1.07); } .nc-blog-card-thumb-placeholder {
width: 100%; height: 100%;
display: flex; align-items: center; justify-content: center;
font-size: 56px;
background: linear-gradient(135deg, var(--ncb-sky), #dde6fa);
} .nc-blog-card-cat-badge {
position: absolute; bottom: 12px; left: 12px;
background: var(--ncb-accent); color: var(--ncb-white);
font-size: 11px; font-weight: 700; padding: 4px 12px;
border-radius: 50px; letter-spacing: 0.05em; text-transform: uppercase;
} .nc-blog-card-rt {
position: absolute; top: 12px; right: 12px;
background: rgba(10,14,46,0.72); color: rgba(255,255,255,0.92);
font-size: 11px; font-weight: 600; padding: 4px 10px;
border-radius: 50px; backdrop-filter: blur(4px);
} .nc-blog-card-body { padding: 24px 26px 20px; flex: 1; display: flex; flex-direction: column; }
.nc-blog-card-date {
font-size: 12px; color: var(--ncb-text-light); margin-bottom: 10px;
display: flex; align-items: center; gap: 6px;
} .nc-blog-card-date::before {
content: ''; width: 18px; height: 2px; background: var(--ncb-gold);
border-radius: 2px; display: inline-block; flex-shrink: 0;
}
.nc-blog-card-title {
font-family: 'Poppins', sans-serif;
font-size: 17px; font-weight: 700; color: var(--ncb-navy);
line-height: 1.4; margin-bottom: 12px;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden; transition: color 0.18s;
}
.nc-blog-card:hover .nc-blog-card-title { color: var(--ncb-accent); }
.nc-blog-card-excerpt {
font-family: 'Lora', serif;
font-size: 14px; color: var(--ncb-text-mid); line-height: 1.8; flex: 1;
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
overflow: hidden; margin-bottom: 20px;
}
.nc-blog-card-footer {
display: flex; align-items: center; justify-content: space-between;
padding-top: 16px; border-top: 1px solid var(--ncb-border);
}
.nc-blog-card-author { display: flex; align-items: center; gap: 8px; }
.nc-blog-card-author img {
width: 30px; height: 30px; border-radius: 50%;
object-fit: cover; border: 2px solid var(--ncb-sky);
}
.nc-blog-card-author-name { font-size: 12px; font-weight: 600; color: var(--ncb-text-mid); }
.nc-blog-card-read-link {
font-size: 12px; font-weight: 700; color: var(--ncb-accent);
display: flex; align-items: center; gap: 4px; transition: gap 0.2s;
}
.nc-blog-card:hover .nc-blog-card-read-link { gap: 8px; } .nc-blog-no-posts { text-align: center; padding: 80px 24px; grid-column: 1 / -1; }
.nc-blog-no-posts-icon { font-size: 52px; margin-bottom: 16px; }
.nc-blog-no-posts h3 {
font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 700;
color: var(--ncb-navy); margin-bottom: 8px;
}
.nc-blog-no-posts p { font-size: 15px; color: var(--ncb-text-mid); }
.nc-blog-no-posts a {
display: inline-block; margin-top: 20px; background: var(--ncb-accent);
color: var(--ncb-white); padding: 11px 26px; border-radius: 8px;
text-decoration: none; font-weight: 600; font-size: 14px;
} .nc-blog-pagination {
display: flex; justify-content: center; align-items: center;
gap: 6px; margin-top: 56px; flex-wrap: wrap;
}
.nc-blog-pagination a,
.nc-blog-pagination span {
display: inline-flex; align-items: center; justify-content: center;
min-width: 42px; height: 42px; padding: 0 14px; border-radius: 10px;
font-size: 14px; font-weight: 600; text-decoration: none;
border: 1.5px solid var(--ncb-border);
color: var(--ncb-text-mid); background: var(--ncb-white); transition: all 0.18s;
}
.nc-blog-pagination a:hover { border-color: var(--ncb-accent); color: var(--ncb-accent); background: var(--ncb-sky); }
.nc-blog-pagination .current { background: var(--ncb-accent); border-color: var(--ncb-accent); color: var(--ncb-white); }
.nc-blog-pagination .dots { background: transparent; border-color: transparent; color: var(--ncb-text-light); } .nc-blog-cta-banner {
margin-top: 72px;
background: linear-gradient(130deg, var(--ncb-navy) 0%, var(--ncb-accent) 100%);
border-radius: 18px; padding: 44px 52px;
display: flex; align-items: center; justify-content: space-between;
gap: 24px; flex-wrap: wrap; position: relative; overflow: hidden;
}
.nc-blog-cta-banner::before {
content: ''; position: absolute; width: 280px; height: 280px;
border-radius: 50%; background: rgba(255,255,255,0.05); top: -100px; right: -60px;
}
.nc-blog-cta-text { position: relative; }
.nc-blog-cta-text h3 {
font-family: 'Poppins', sans-serif; font-size: 22px; font-weight: 800;
color: var(--ncb-white); margin-bottom: 8px;
}
.nc-blog-cta-text p { font-size: 15px; color: rgba(255,255,255,0.68); line-height: 1.6; }
.nc-blog-cta-btns { display: flex; gap: 12px; flex-wrap: wrap; flex-shrink: 0; position: relative; }
.nc-blog-cta-btn-primary {
background: var(--ncb-white); color: var(--ncb-navy);
font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 700;
padding: 13px 28px; border-radius: 50px; text-decoration: none;
transition: transform 0.2s, box-shadow 0.2s; white-space: nowrap;
}
.nc-blog-cta-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.22); }
.nc-blog-cta-btn-wa {
background: #25D366; color: var(--ncb-white);
font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 700;
padding: 13px 24px; border-radius: 50px; text-decoration: none;
display: flex; align-items: center; gap: 8px;
transition: transform 0.2s, box-shadow 0.2s; white-space: nowrap;
}
.nc-blog-cta-btn-wa:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(37,211,102,0.35); }
.nc-blog-cta-btn-wa svg { width: 18px; height: 18px; fill: #fff; } @media (max-width: 1024px) {
.nc-blog-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
.nc-blog-grid { grid-template-columns: 1fr; }
.nc-blog-cta-banner { padding: 32px 24px; flex-direction: column; text-align: center; }
.nc-blog-cta-btns { justify-content: center; }
.nc-blog-hero { padding: 52px 16px 48px; }
}