/* ===== Tcongs services mega menu V2 ===== */
#navbar .container{position:relative}
#navbar .nav-item-services{position:static !important}
#navbar .mega-menu{
  position:absolute !important;
  top:100% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translateX(-50%) !important;
  width:min(1240px,calc(100vw - 40px)) !important;
  max-width:none !important;
  min-width:0 !important;
  max-height:calc(100vh - 120px);
  overflow-y:auto;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-top:4px solid #2457FF !important;
  border-radius:0 0 24px 24px !important;
  background:#fff !important;
  box-shadow:0 40px 80px -30px rgba(6,22,65,.55) !important;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
}
#navbar .mega-menu::before{content:"";position:absolute;left:0;right:0;top:-40px;height:40px}
#navbar .mega-menu .mega-inner.rd2m{display:block !important;width:100% !important;max-width:none !important;padding:0 !important;margin:0 !important;gap:0 !important;grid-template-columns:none !important}

.rd2m-grid{display:grid;grid-template-columns:1.75fr 1fr 1fr 1fr;align-items:start}
.rd2m-col{padding:26px 24px 18px;border-left:1px solid #E3EBFF;min-width:0}
.rd2m-col:first-child{border-left:0}
.rd2m-title{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #E3EBFF;font-size:12.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#1D43D6;line-height:1.35}
.rd2m-list{display:flex;flex-direction:column;gap:2px}
.rd2m-split{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.rd2m-split>div{display:flex;flex-direction:column;gap:2px;min-width:0}

.rd2m-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;color:#0A1A4A !important;text-decoration:none !important;font-size:13.5px;font-weight:600;line-height:1.3;transition:background .2s ease,transform .2s ease,color .2s ease}
.rd2m-item:hover{background:#EEF3FF;color:#1D43D6 !important;transform:translateX(4px)}
.rd2m-ic{flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#F3F7FF;color:#2457FF;overflow:hidden}
.rd2m-ic img{display:block;width:26px;height:26px;object-fit:contain}
.rd2m-ic svg{width:19px;height:19px}
.rd2m-item:hover .rd2m-ic{background:#fff;box-shadow:0 6px 14px -6px rgba(36,87,255,.5)}
.rd2m-name{min-width:0}

.rd2m-bar{display:flex;align-items:center;gap:26px;padding:18px 28px;border-top:1px solid #E3EBFF;background:linear-gradient(135deg,#F2F6FF,#E9F0FF)}
.rd2m-promo{flex:1 1 300px;min-width:0}
.rd2m-promo-tag{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#1D43D6}
.rd2m-promo-head{margin-top:2px;font-size:19px;font-weight:800;color:#0A1A4A;line-height:1.2}
.rd2m-promo-head span{color:#2457FF}
.rd2m-promo p{margin:4px 0 0;font-size:12.5px;line-height:1.5;color:#51608F}
.rd2m-stats{flex:2 1 520px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;min-width:0}
.rd2m-stat{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #DCE6FF;font-size:13px;line-height:1.3}
.rd2m-stat strong{font-size:12.5px;font-weight:800;color:#0A1A4A}
.rd2m-stat span{font-size:11.5px;color:#51608F}
.rd2m-links{flex:none;display:flex;flex-direction:column;gap:8px}
.rd2m-link{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:#fff;border:1px solid #DCE6FF;color:#1D43D6 !important;font-size:13px;font-weight:700;text-decoration:none !important;transition:background .2s ease,color .2s ease,transform .2s ease}
.rd2m-link svg{width:15px;height:15px}
.rd2m-link:hover{background:#2457FF;color:#fff !important;transform:translateY(-2px)}

@media (max-width:1280px){
  .rd2m-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}
  .rd2m-col{padding:22px 16px 14px}
  .rd2m-item{font-size:13px;gap:10px}
  .rd2m-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1100px){
  .rd2m-grid{grid-template-columns:1fr 1fr}
  .rd2m-col:nth-child(3){border-left:0}
  .rd2m-bar{flex-wrap:wrap}
}
/* ===== Onboarding mega menu ===== */
.rd2o-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;background:linear-gradient(135deg,#061641,#0F33B8);color:#fff}
.rd2o-head strong{font-size:16px;font-weight:800;letter-spacing:.01em}
.rd2o-head strong::before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:#5AB0FF;box-shadow:0 0 0 4px rgba(90,176,255,.25)}
.rd2o-head span{font-size:12.5px;font-weight:600;color:#BFD3FF}
.rd2o-grid{display:grid;grid-template-columns:repeat(5,1fr);align-items:start}
.rd2o-col{padding:22px 18px 16px;border-left:1px solid #E3EBFF;min-width:0}
.rd2o-col:first-child{border-left:0}
.rd2o-title{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #E3EBFF;font-size:14px;font-weight:800;color:#0A1A4A;line-height:1.25}
.rd2o-tic{flex:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#EEF3FF;color:#2457FF}
.rd2o-tic svg{width:18px;height:18px}
.rd2o-list{display:flex;flex-direction:column;gap:2px}
.rd2o-item{display:flex;align-items:center;gap:11px;padding:8px 8px;border-radius:12px;color:#0A1A4A !important;text-decoration:none !important;font-size:13.5px;font-weight:600;line-height:1.3;transition:background .2s ease,transform .2s ease,color .2s ease}
.rd2o-item:hover{background:#EEF3FF;color:#1D43D6 !important;transform:translateX(4px)}
.rd2o-ic{flex:none;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#F3F7FF;overflow:hidden}
.rd2o-ic img{display:block;width:22px;height:22px;object-fit:contain}
.rd2o-let{font-size:13px;font-weight:800;color:#2457FF;background:linear-gradient(135deg,#EAF0FF,#DCE8FF);border-radius:50%}
.rd2o-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;border-top:1px solid #E3EBFF;background:linear-gradient(135deg,#F2F6FF,#E9F0FF)}
.rd2o-foot a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#1D43D6 !important;text-decoration:none !important}
.rd2o-foot a:hover{color:#0F33B8 !important}
.rd2o-foot a svg{width:16px;height:16px;transition:transform .2s ease}
.rd2o-foot a:hover svg{transform:translateX(4px)}
.rd2o-foot span{font-size:12.5px;font-weight:700;color:#0A1A4A}
@media (max-width:1280px){
  .rd2o-col{padding:20px 12px 14px}
  .rd2o-item{font-size:13px;gap:9px}
}
@media (max-width:1100px){
  .rd2o-grid{grid-template-columns:repeat(3,1fr)}
  .rd2o-col:nth-child(4){border-left:0}
}

/* Services menu: 3 columns after Onboarding moved out */
.rd2m-grid{grid-template-columns:1.75fr 1fr 1fr}

/* ===== Onboarding mobile accordion ===== */
.rd2o-mob{display:none;list-style:none}
.rd2o-mobile .rd2o-mob{display:block !important}
.rd2o-mobile .nav-item-onboarding{display:none !important}
.rd2o-mob-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:none;border:0;color:#fff;font:inherit;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}
.rd2o-mob-toggle svg{width:18px;height:18px;transition:transform .3s ease}
.rd2o-mob-toggle.is-open svg{transform:rotate(180deg)}
.rd2o-mob-body{height:0;overflow:hidden;transition:height .32s cubic-bezier(.4,0,.2,1)}
.rd2o-mob-inner{padding:4px 0 12px}
.rd2o-mob-grp{padding:10px 20px 4px;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5AB0FF}
.rd2o-mob-link{display:flex;align-items:center;gap:12px;padding:9px 20px;color:#DCE6FF !important;font-size:15px;font-weight:600;text-decoration:none !important}
.rd2o-mob-link:active{background:rgba(255,255,255,.08)}
.rd2o-mob-link .rd2o-ic{width:28px;height:28px}
.rd2o-mob-all{display:block;margin:8px 20px 0;padding:12px 16px;border-radius:12px;background:#2457FF;color:#fff !important;font-size:14px;font-weight:700;text-align:center;text-decoration:none !important}

/* Onboarding inside the mobile menu */
.mobile-menu .rd2o-mob{display:block !important}
.mobile-menu .rd2o-mob-toggle{padding:14px 0;font-size:inherit;font-weight:inherit;color:inherit}
.mobile-menu .rd2o-mob-link{display:flex !important;align-items:center;gap:12px;padding:9px 6px !important;border:0 !important;color:#DCE6FF !important;font-size:15px !important;font-weight:600 !important}
.mobile-menu .rd2o-mob-grp{padding:10px 6px 4px}
.mobile-menu .rd2o-mob-all{display:block !important;margin:8px 0 0 !important;padding:12px 16px !important;border:0 !important;color:#fff !important;text-align:center}

/* ===== Desktop hover fix ===== */
#navbar .nav-item-services{padding-bottom:40px !important;margin-bottom:-40px !important}
#navbar .mega-menu::before{display:none !important}
#navbar .nav-item-services:not(:hover) > .mega-menu{pointer-events:none !important;visibility:hidden !important}
#navbar .nav-item-services:hover > .mega-menu{pointer-events:auto !important;visibility:visible !important}

/* ===== Mobile Onboarding accordion (matches Services) ===== */
.mobile-menu .rd2o-mob-body{height:0;overflow:hidden;transition:height .32s cubic-bezier(.4,0,.2,1)}
.mobile-menu #rd2oMobToggle.is-open + .rd2o-mob-body{overflow-y:auto;-webkit-overflow-scrolling:touch}
.mobile-menu #rd2oMobToggle .mobile-services-chevron{display:inline-block;transition:transform .3s ease;transform:none !important}
.mobile-menu #rd2oMobToggle[aria-expanded="true"] .mobile-services-chevron{transform:rotate(180deg) !important}
.mobile-menu .rd2o-mob-inner{padding:6px 0 10px}
.mobile-menu .rd2o-mob-grp{padding:14px 4px 6px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5AB0FF}
.mobile-menu .rd2o-mob-link{display:flex !important;align-items:center;gap:14px;padding:10px 4px !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.08) !important;color:#fff !important;font-size:16px !important;font-weight:600 !important;text-decoration:none !important}
.mobile-menu .rd2o-mob-link .rd2o-ic{width:40px;height:40px;border-radius:12px;background:#fff}
.mobile-menu .rd2o-mob-link .rd2o-ic img{width:30px;height:30px}
.mobile-menu .rd2o-mob-link .rd2o-let{color:#2457FF;font-size:16px;border-radius:12px}

/* Mega menu: only react when the cursor is on its own nav item */
#navbar .mega-menu{
  pointer-events:none !important;
}
#navbar .mega-menu::before{
  top:-14px !important;
  height:14px !important;
}
#navbar .nav-item-services:hover > .mega-menu,
#navbar .nav-item-services:focus-within > .mega-menu,
#navbar .nav-item-services.active > .mega-menu,
#navbar .nav-item-services.open > .mega-menu,
#navbar .nav-item-services.show > .mega-menu,
#navbar .mega-menu:hover{
  pointer-events:auto !important;
}
/* Fix: hover zone only on the nav button, not on the whole navbar */
#navbar .nav-item-services::after{
  display:none !important;
}
#navbar .nav-item-services > a::before{
  content:"";
  position:absolute;
  left:-12px;
  right:-12px;
  top:100%;
  height:56px;
}
/* ===== Breadcrumb fix for all V2 pages (Home / Page name) ===== */
.rdo-crumbs{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:0 !important;margin:0 0 18px !important;padding:0 !important;font-size:13.5px !important;font-weight:600 !important;line-height:1.9 !important;letter-spacing:.01em !important}
.rdo-crumbs a,.rdo-crumbs span{display:inline !important;margin:0 !important;padding:0 !important;font-size:inherit !important;line-height:inherit !important}
.rdo-crumbs a{color:#C9D8FF !important;text-decoration:none !important;transition:color .2s}
.rdo-crumbs a:hover{color:#fff !important}
.rdo-crumbs span[aria-hidden]{margin:0 10px !important;color:#8FA9E8 !important}
.rdo-crumbs span[aria-current]{color:#fff !important;font-weight:700 !important}

/* ===== Breadcrumb mobile alignment fix ===== */
.rdo-crumbs{align-items:baseline !important;min-height:0 !important;height:auto !important;transform:none !important}
.rdo-crumbs a,.rdo-crumbs span{display:inline-block !important;vertical-align:baseline !important;height:auto !important;min-height:0 !important;min-width:0 !important;line-height:1.9 !important;padding:0 !important;position:static !important;top:auto !important;bottom:auto !important;transform:none !important;white-space:nowrap !important}
.rdo-crumbs span[aria-hidden]{margin:0 9px !important}
@media (max-width:640px){
  .rdo-crumbs{font-size:13px !important;margin:0 0 14px !important}
}