/* Dion's Complete — navbar styles + builder fix-ups (from the capture). */

.sf-hidden{display:none!important}

[class*="line-clamp-"]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}

/* Dion's Complete — navbar styles. Colours taken from the site's own theme tokens:
   --primary 18,117,177  --primary-darker 14,93,140  --secondary(red) 204,2,2  --roundedness 8px */
.dc-header{
  --dc-primary:#1275b1;
  --dc-primary-darker:#0e5d8c;
  --dc-star:#ff9c1e;
  --dc-text:#1f2a37;
  font-family:"Poppins","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  position:sticky;top:0;z-index:50;
}
.dc-header *{box-sizing:border-box;}

/* top bar */
.dc-topbar{background:var(--dc-primary);color:#fff;}
.dc-topbar-inner{max-width:1400px;margin:0 auto;padding:9px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.dc-rating{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:14px;}
.dc-rating:hover{text-decoration:underline;}
.dc-stars{color:var(--dc-star);letter-spacing:2px;font-size:15px;}
.dc-social{list-style:none;display:flex;align-items:center;gap:18px;margin:0;padding:0;}
.dc-social a{color:#fff;display:inline-flex;opacity:.95;}
.dc-social a:hover{opacity:1;}

/* nav row */
.dc-nav{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);}
.dc-nav-inner{max-width:1400px;margin:0 auto;padding:0 32px;height:72px;display:flex;align-items:center;gap:28px;}
.dc-logo{flex:0 0 auto;display:inline-flex;align-items:center;}
.dc-logo img{display:block;width:150px;height:auto;}

.dc-menu{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:26px;}
.dc-menu-list{list-style:none;display:flex;align-items:center;gap:26px;margin:0;padding:0;}
.dc-menu-list>li{position:relative;}
.dc-menu-link{
  display:inline-flex;align-items:center;gap:6px;
  background:none;border:0;cursor:pointer;
  font:inherit;font-size:15px;font-weight:600;
  color:var(--dc-primary);text-decoration:none;white-space:nowrap;padding:8px 0;
}
.dc-menu-link:hover{color:var(--dc-primary-darker);}
.dc-caret{transition:transform .18s ease;}

/* dropdowns (desktop = hover) */
.dc-sub{
  position:absolute;top:100%;left:-16px;min-width:264px;
  background:#fff;border-radius:8px;padding:8px 0;
  box-shadow:0 12px 32px rgba(0,0,0,.16);
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
  max-height:calc(100vh - 130px);overflow-y:auto;
  scrollbar-width:thin;-webkit-overflow-scrolling:touch;
}
.dc-sub a{
  display:block;padding:11px 22px;font-size:15px;color:#3a4653;text-decoration:none;
}
.dc-sub a:hover{background:#f2f6f8;color:var(--dc-primary);}
@media(hover:hover){
  .dc-has-sub:hover .dc-sub{opacity:1;visibility:visible;transform:translateY(0);}
  .dc-has-sub:hover .dc-caret{transform:rotate(180deg);}
}

/* CTA buttons */
.dc-cta{display:flex;align-items:center;gap:12px;flex:0 0 auto;}
.dc-btn{
  display:inline-flex;align-items:center;gap:8px;
  font-size:15px;font-weight:600;text-decoration:none;
  padding:13px 22px;border-radius:8px;white-space:nowrap;transition:background .15s,color .15s;
}
.dc-btn-primary{background:var(--dc-primary);color:#fff;}
.dc-btn-primary:hover{background:var(--dc-primary-darker);}
.dc-btn-outline{background:#fff;color:var(--dc-primary);border:1.5px solid var(--dc-primary);}
.dc-btn-outline:hover{background:var(--dc-primary);color:#fff;}

/* burger (hidden on desktop) */
.dc-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;margin-left:auto;}
.dc-burger span{width:26px;height:3px;background:var(--dc-primary);border-radius:2px;transition:.2s;}
.dc-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.dc-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.dc-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

/* ---- responsive: collapse below 1200px ---- */
@media(max-width:1200px){
  .dc-nav-inner{height:64px;}
  .dc-burger{display:flex;}
  .dc-menu{
    position:absolute;left:0;right:0;top:100%;
    flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;
    background:#fff;border-top:1px solid #eee;
    max-height:0;overflow:hidden;transition:max-height .28s ease;
    box-shadow:0 16px 32px rgba(0,0,0,.14);
  }
  .dc-menu.dc-open{max-height:calc(100vh - 108px);overflow-y:auto;}
  .dc-menu-list{flex-direction:column;align-items:stretch;gap:0;width:100%;}
  .dc-menu-list>li{border-bottom:1px solid #f0f0f0;}
  .dc-menu-link{width:100%;padding:15px 24px;font-size:16px;justify-content:space-between;}
  .dc-sub{
    position:static;opacity:1;visibility:visible;transform:none;transition:none;
    box-shadow:none;border-radius:0;padding:0;min-width:0;
    max-height:0;overflow:hidden;background:#f7fafc;
  }
  .dc-has-sub.dc-open .dc-sub{max-height:2000px;}
  .dc-has-sub.dc-open .dc-caret{transform:rotate(180deg);}
  .dc-sub a{padding:12px 36px;}
  .dc-cta{width:100%;flex-direction:column;align-items:stretch;gap:10px;padding:16px 24px;}
  .dc-btn{justify-content:center;padding:14px 22px;}
}

/* ---- About Us dropdown (desktop only) / flat items (mobile only) ---- */
/* Same 1200px breakpoint the nav already uses to switch to the burger menu. */
.dc-menu-list>li.dc-desktop-only{display:list-item}
.dc-menu-list>li.dc-mobile-only{display:none}
@media(max-width:1200px){
  .dc-menu-list>li.dc-desktop-only{display:none}
  .dc-menu-list>li.dc-mobile-only{display:list-item}
}


/* ---- inline block 1 ---- */
.grab-navbar-variant-2-container{max-width:90%}@media (min-width:1536px){.grab-navbar-variant-2-menu-items-list{display:flex!important}.grab-navbar-variant-2-mobile-menu-button{display:none!important}.grab-navbar-variant-2-menu{flex-direction:row!important;align-items:center!important;padding-bottom:0!important;padding-top:0!important;gap:2rem!important}.grab-navbar-variant-2-conversion-buttons{margin-bottom:0!important}}.grab-photo-carousel-variant-2 .relative.w-full.cursor-pointer:hover img{transform:scale(1.06)!important;filter:brightness(1.06)!important}.grab-photo-carousel-variant-2 .relative.w-full.cursor-pointer::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0);transition:background 0.35s ease;pointer-events:none;z-index:1}.grab-photo-carousel-variant-2 .relative.w-full.cursor-pointer:hover::after{background:rgba(0,0,0,0.08)}form label:has(>input[type="checkbox"]+span){align-items:flex-start}form input[type="checkbox"]{margin-top:5px}

/* ---- inline block 2 ---- */
.sf-hidden{display:none!important}

/* ---- inline block 3 ---- */
/* Dion's Complete — navbar styles. Colours taken from the site's own theme tokens:
   --primary 18,117,177  --primary-darker 14,93,140  --secondary(red) 204,2,2  --roundedness 8px */
.dc-header{
  --dc-primary:#1275b1;
  --dc-primary-darker:#0e5d8c;
  --dc-star:#ff9c1e;
  --dc-text:#1f2a37;
  font-family:"Poppins","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  position:sticky;top:0;z-index:50;
}
.dc-header *{box-sizing:border-box;}

/* top bar */
.dc-topbar{background:var(--dc-primary);color:#fff;}
.dc-topbar-inner{max-width:1400px;margin:0 auto;padding:9px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.dc-rating{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:14px;}
.dc-rating:hover{text-decoration:underline;}
.dc-stars{color:var(--dc-star);letter-spacing:2px;font-size:15px;}
.dc-social{list-style:none;display:flex;align-items:center;gap:18px;margin:0;padding:0;}
.dc-social a{color:#fff;display:inline-flex;opacity:.95;}
.dc-social a:hover{opacity:1;}

/* nav row */
.dc-nav{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);}
.dc-nav-inner{max-width:1400px;margin:0 auto;padding:0 32px;height:72px;display:flex;align-items:center;gap:28px;}
.dc-logo{flex:0 0 auto;display:inline-flex;align-items:center;}
.dc-logo img{display:block;width:150px;height:auto;}

.dc-menu{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:26px;}
.dc-menu-list{list-style:none;display:flex;align-items:center;gap:26px;margin:0;padding:0;}
.dc-menu-list>li{position:relative;}
.dc-menu-link{
  display:inline-flex;align-items:center;gap:6px;
  background:none;border:0;cursor:pointer;
  font:inherit;font-size:15px;font-weight:600;
  color:var(--dc-primary);text-decoration:none;white-space:nowrap;padding:8px 0;
}
.dc-menu-link:hover{color:var(--dc-primary-darker);}
.dc-caret{transition:transform .18s ease;}

/* dropdowns (desktop = hover) */
.dc-sub{
  position:absolute;top:100%;left:-16px;min-width:264px;
  background:#fff;border-radius:8px;padding:8px 0;
  box-shadow:0 12px 32px rgba(0,0,0,.16);
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
  max-height:calc(100vh - 130px);overflow-y:auto;
  scrollbar-width:thin;-webkit-overflow-scrolling:touch;
}
.dc-sub a{
  display:block;padding:11px 22px;font-size:15px;color:#3a4653;text-decoration:none;
}
.dc-sub a:hover{background:#f2f6f8;color:var(--dc-primary);}
@media(hover:hover){
  .dc-has-sub:hover .dc-sub{opacity:1;visibility:visible;transform:translateY(0);}
  .dc-has-sub:hover .dc-caret{transform:rotate(180deg);}
}

/* CTA buttons */
.dc-cta{display:flex;align-items:center;gap:12px;flex:0 0 auto;}
.dc-btn{
  display:inline-flex;align-items:center;gap:8px;
  font-size:15px;font-weight:600;text-decoration:none;
  padding:13px 22px;border-radius:8px;white-space:nowrap;transition:background .15s,color .15s;
}
.dc-btn-primary{background:var(--dc-primary);color:#fff;}
.dc-btn-primary:hover{background:var(--dc-primary-darker);}
.dc-btn-outline{background:#fff;color:var(--dc-primary);border:1.5px solid var(--dc-primary);}
.dc-btn-outline:hover{background:var(--dc-primary);color:#fff;}

/* burger (hidden on desktop) */
.dc-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;margin-left:auto;}
.dc-burger span{width:26px;height:3px;background:var(--dc-primary);border-radius:2px;transition:.2s;}
.dc-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.dc-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.dc-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

/* ---- responsive: collapse below 1200px ---- */
@media(max-width:1200px){
  .dc-nav-inner{height:64px;}
  .dc-burger{display:flex;}
  .dc-menu{
    position:absolute;left:0;right:0;top:100%;
    flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;
    background:#fff;border-top:1px solid #eee;
    max-height:0;overflow:hidden;transition:max-height .28s ease;
    box-shadow:0 16px 32px rgba(0,0,0,.14);
  }
  .dc-menu.dc-open{max-height:calc(100vh - 108px);overflow-y:auto;}
  .dc-menu-list{flex-direction:column;align-items:stretch;gap:0;width:100%;}
  .dc-menu-list>li{border-bottom:1px solid #f0f0f0;}
  .dc-menu-link{width:100%;padding:15px 24px;font-size:16px;justify-content:space-between;}
  .dc-sub{
    position:static;opacity:1;visibility:visible;transform:none;transition:none;
    box-shadow:none;border-radius:0;padding:0;min-width:0;
    max-height:0;overflow:hidden;background:#f7fafc;
  }
  .dc-has-sub.dc-open .dc-sub{max-height:2000px;}
  .dc-has-sub.dc-open .dc-caret{transform:rotate(180deg);}
  .dc-sub a{padding:12px 36px;}
  .dc-cta{width:100%;flex-direction:column;align-items:stretch;gap:10px;padding:16px 24px;}
  .dc-btn{justify-content:center;padding:14px 22px;}
}

/* ---- inline block 4 ---- */
/* hero background video: its wrapper collapses because h-full has no definite parent height.
   Fill the section with it, but keep the text + overlay stacked above it. */
.grab-hero-section{position:relative;isolation:isolate}
.grab-hero-section > .h-full.w-full:first-child{position:absolute!important;inset:0!important;height:100%!important;width:100%!important;z-index:0}
.grab-hero-section video.grab-hero-background{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;opacity:1!important}
.grab-hero-section .grab-hero-overlay{z-index:1}
.grab-hero-section .grab-hero-shape{z-index:1}
.grab-hero-section .grab-hero-content{position:relative;z-index:2}
/* "Why Choose Us" scroll-reveal never fires without JS */
.dions-wcb-fadein{opacity:1!important;transform:none!important}
/* FAQ answer panels: undo SingleFile hide + radix height animation */
[data-slot=accordion-content].sf-hidden{display:block}
[data-slot=accordion-content][hidden]{display:none!important}
[data-slot=accordion-content]:not([hidden]){height:auto!important;overflow:visible!important;animation:none!important}
.grab-faqs-v1-answer{padding:0 1.25rem 1.15rem;color:#4b5563;font-size:1rem;line-height:1.6}
/* service-page side menu */
.grab-service-dropdown__list{position:static!important;list-style:none;margin:.5rem 0 0;max-height:min(60vh,520px);overflow-y:auto;border:1px solid rgb(var(--derivative-color-200));border-radius:.5rem;box-shadow:0 4px 16px rgba(0,0,0,.06);padding:.25rem 0}
.grab-service-dropdown__list[hidden]{display:none}
.grab-service-dropdown__link{display:block;padding:.6rem 1rem;font-size:.95rem;line-height:1.3;color:rgb(var(--derivative-color-900));text-decoration:none}
.grab-service-dropdown__link:hover{background:rgb(var(--derivative-color-50));color:rgb(var(--primary-color))}
.grab-service-dropdown__link[aria-current=page]{font-weight:700;color:rgb(var(--primary-color));background:rgb(var(--derivative-color-50))}
/* carousels: turn the frozen Embla track into a native scroll-snap strip */
[aria-roledescription=carousel] .overflow-hidden{overflow-x:auto!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
[aria-roledescription=carousel] .overflow-hidden::-webkit-scrollbar{display:none}
[aria-roledescription=carousel] .overflow-hidden > .flex{transform:none!important}
[aria-roledescription=carousel] [aria-roledescription=slide]{scroll-snap-align:start}

/* ---- inline block 5 ---- */
.dions-wcb-root{width:100%;background:rgb(var(--derivative-color-50,245 248 255));padding:64px 24px;box-sizing:border-box;overflow:hidden;position:relative}.dions-wcb-root::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:rgb(var(--secondary-color,20 90 180))}.dions-wcb-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px 64px;align-items:center}.dions-wcb-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:rgb(var(--secondary-color,20 90 180));background:rgba(var(--secondary-color,20 90 180),0.08);padding:5px 14px;border-radius:2px;margin-bottom:20px}.dions-wcb-heading{font-size:clamp(28px,3.5vw,44px);font-weight:800;line-height:1.15;color:rgb(var(--derivative-color-900,15 30 60));margin:0 0 20px}.dions-wcb-heading span{color:rgb(var(--primary-color,0 120 220))}.dions-wcb-desc{font-size:16px;line-height:1.7;color:rgb(var(--derivative-color-700,60 80 120));margin:0 0 32px}.dions-wcb-location{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:rgb(var(--derivative-color-700,60 80 120))}.dions-wcb-location i{color:rgb(var(--primary-color,0 120 220));font-size:15px}.dions-wcb-right{display:flex;flex-direction:column;gap:16px}.dions-wcb-card{background:#fff;border:1px solid rgba(var(--derivative-color-200,180 200 230),0.7);border-radius:10px;padding:22px 24px;display:flex;align-items:flex-start;gap:18px;box-shadow:0 2px 10px rgba(0,0,0,0.04);position:relative;overflow:hidden}.dions-wcb-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:rgb(var(--primary-color,0 120 220));transform:scaleY(0);transform-origin:bottom;transition:transform 0.25s ease}.dions-wcb-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.09)}.dions-wcb-card:hover::after{transform:scaleY(1)}.dions-wcb-icon{width:46px;height:46px;border-radius:8px;background:rgb(var(--primary-color,0 120 220));display:flex;align-items:center;justify-content:center;flex-shrink:0}.dions-wcb-icon i{color:#fff;font-size:18px}.dions-wcb-card-title{font-size:15px;font-weight:700;color:rgb(var(--derivative-color-900,15 30 60));margin:0 0 5px}.dions-wcb-card-text{font-size:14px;line-height:1.55;color:rgb(var(--derivative-color-700,60 80 120));margin:0}@media (max-width:768px){.dions-wcb-root{padding:48px 20px}.dions-wcb-inner{grid-template-columns:1fr;gap:36px}.dions-wcb-heading{font-size:26px}.dions-wcb-card{padding:18px 18px}}.dions-wcb-fadein{opacity:0;transform:translateY(22px);transition:opacity 0.55s ease,transform 0.55s ease}.dions-wcb-fadein:nth-child(2){transition-delay:0.1s}.dions-wcb-fadein:nth-child(3){transition-delay:0.2s}