/* Company identity; editable colors come from Core Settings. */
@font-face{font-family:Quicksand;src:url('../fonts/Quicksand-Medium.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Quicksand;src:url('../fonts/Quicksand-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Quicksand;src:url('../fonts/Quicksand-Medium.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Quicksand;src:url('../fonts/Quicksand-Bold.ttf') format('truetype');font-style:normal;font-weight:650;font-display:swap}
@font-face{font-family:Lato;src:url('../fonts/Lato-Regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url('../fonts/Lato-Bold.woff') format('woff');font-style:normal;font-weight:650;font-display:swap}
:root{--dq-font-weight-strong:650}
body :where(h1,h2,h3,h4,h5,h6,b,strong,th){font-weight:var(--dq-font-weight-strong)}
.dq-banner-slider--images{background:var(--dq-primary)}
.dq-banner-slider--images .dq-banner-slider__slide{flex:0 0 100%;min-width:0}
.dq-banner-slider--images .dq-banner-slider__slide>img{width:100%;height:auto;display:block}
.dq-banner-slider--images .dq-slider-prev,.dq-banner-slider--images .dq-slider-next{background:var(--dq-primary);color:#fff;border:1px solid var(--dq-accent)}
@media(max-width:550px){.dq-banner-slider--images .dq-slider-prev,.dq-banner-slider--images .dq-slider-next{width:30px;height:30px;font-size:24px}.dq-banner-slider--images .dq-slider-prev{left:8px}.dq-banner-slider--images .dq-slider-next{right:8px}}
@media(prefers-reduced-motion:reduce){.dq-banner-slider__track{transition:none}}
:root{--dq-brand-tint:color-mix(in srgb,var(--dq-primary) 6%,white)}
/* Keep the 90px navigation bar while giving the wide company mark more presence. */
.dq-ref-header{
  height:90px;
  background:#fff;
  border-bottom:1px solid color-mix(in srgb,var(--dq-primary) 18%,transparent);
  box-shadow:0 3px 12px rgba(0,48,112,.1);
}
.dq-ref-brand{flex:0 0 270px;transform:translateX(-12px)}
.dq-ref-brand img{display:block;width:270px;height:auto;max-height:80px;object-fit:contain}
.dq-ref-header.is-scrolled{height:90px}.dq-ref-header.is-scrolled .dq-ref-brand img{max-height:80px}
.dq-ref-menu,.dq-header .dq-menu{font-family:Quicksand,Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.dq-ref-menu a,.dq-header .dq-menu a{font-weight:600}
.dq-ref-desktop-nav{margin-left:0;flex:1}
.dq-ref-header__inner{gap:20px}.dq-ref-menu{gap:16px}.dq-ref-header-search{flex:0 1 210px;min-width:140px}.dq-ref-header-search .dq-ref-search{width:100%}
.dq-ref-menu>li>a,.dq-menu a,.dq-bottom-menu a{color:var(--dq-secondary)}
.dq-ref-menu a:hover,.dq-menu a:hover,.dq-bottom-menu a:hover{color:var(--dq-primary);text-decoration:underline;text-decoration-color:var(--dq-accent);text-underline-offset:6px}
.dq-ref-search{background:var(--dq-primary)}
.dq-catalog-style .dq-catalog-title,.dq-reference-capabilities .dq-heading{color:var(--dq-primary);border-color:var(--dq-primary)}
.dq-catalog-style .dq-catalog-title span{border-color:var(--dq-primary)}
.dq-catalog-style .dq-catalog-title>b{color:var(--dq-accent)}
.dq-reference-capabilities .dq-icon-box h3{color:var(--dq-secondary)}
.dq-ref-hero:not(:has(img)),.dq-customer-stories{background:var(--dq-brand-tint)}
.dq-ref-hero .dq-ref-hero__form{background:var(--dq-secondary)}
.dq-ref-quote>button,.dq-ref-popup .dq-ref-quote>button{background:var(--dq-primary);color:#fff;border:2px solid var(--dq-accent)}
.dq-ref-quote>button:hover,.dq-ref-popup .dq-ref-quote>button:hover{background:var(--dq-secondary)}
.dq-catalog-style .dq-catalog-read-more:hover{background:var(--dq-primary);color:#fff}
.dq-ref-contact-label{border:2px solid var(--dq-accent)}
.dq-ref-floating a:hover .dq-ref-contact-label{background:var(--dq-secondary)}
.dq-ref-backtop{border-color:var(--dq-primary);color:var(--dq-primary)}
.dq-ref-footer{
  background:linear-gradient(135deg,#f8fbff 0%,#eaf4ff 55%,#dceeff 100%);
  color:#123a67;
}
.dq-footer{background:var(--dq-secondary);color:#fff}
.dq-ref-footer h3{color:var(--dq-secondary)}
.dq-footer h3{color:#fff}
.dq-ref-footer p,.dq-ref-footer a{color:#244d79}
.dq-ref-footer a:hover,.dq-footer a:hover{color:var(--dq-accent)}
.dq-ref-copyright{background:var(--dq-primary);color:#fff}
.dq-ref-footer__container{max-width:1480px}
.dq-ref-footer__top{grid-template-columns:minmax(300px,1.2fr) repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,54px);padding-bottom:20px}
.dq-ref-company>img{display:block;width:320px;max-width:100%;padding:0;background:transparent;border-radius:0;margin:0 0 24px}
.dq-ref-company h3{margin-bottom:12px;font-size:19px}
.dq-ref-company__contacts{display:grid;gap:7px}
.dq-ref-company__contacts p{margin:0;line-height:1.55}
.dq-ref-footer-menu li{border-bottom:0}
.dq-ref-footer-menu a{padding:7px 0 7px 17px}
.dq-ref-footer__bottom,.dq-ref-footer__bottom--no-facebook{display:grid;grid-template-columns:1fr;border-top:0;gap:24px;padding:12px 0 30px}
.dq-ref-footer__bottom:not(.dq-ref-footer__bottom--no-facebook){grid-template-columns:minmax(240px,.3fr) minmax(0,1fr)}
.dq-ref-map,.dq-ref-map iframe{display:block;width:100%;max-width:none}
.dq-ref-map iframe{height:330px;border-radius:14px;box-shadow:0 14px 34px rgba(0,20,55,.24)}
.dq-footer .dq-logo img{background:#fff;padding:8px;border-radius:4px}
.dq-ref-header :focus-visible,.dq-header :focus-visible,.dq-btn:focus-visible{outline:2px solid var(--dq-accent);outline-offset:3px}
@media(max-width:1000px){.dq-ref-footer__top{grid-template-columns:repeat(2,minmax(0,1fr))}.dq-ref-company>img{width:300px}}
@media(max-width:600px){.dq-ref-footer__top{grid-template-columns:1fr;gap:28px}.dq-ref-company>img{width:280px}.dq-ref-footer__bottom:not(.dq-ref-footer__bottom--no-facebook){grid-template-columns:1fr}.dq-ref-map iframe{height:280px}}
@media(min-width:851px) and (max-width:1150px){.dq-ref-header-search{display:none}.dq-ref-desktop-nav{margin-left:auto;flex:0 1 auto}.dq-ref-menu{gap:14px;font-size:15px}.dq-ref-brand{flex-basis:244px}.dq-ref-brand img{width:244px}}
@media(min-width:851px) and (max-width:1000px){.dq-ref-header__inner{gap:14px}.dq-ref-menu{gap:9px;font-size:14px}.dq-ref-brand{flex-basis:232px}.dq-ref-brand img{width:232px}}
@media(max-width:1200px){.dq-ref-brand{flex:0 1 250px;transform:none}.dq-ref-brand img{width:250px;max-height:72px}.dq-ref-header__inner{padding-inline:58px}}

/* Compact contact controls using the company palette and site typography. */
.dq-ref-floating{gap:16px;bottom:6px}
.dq-ref-floating .dq-ref-contact--zalo,.dq-ref-floating .dq-ref-contact--phone{--dq-contact-color:var(--dq-primary);width:216px;height:48px;font-family:Quicksand,sans-serif}
.dq-ref-floating .dq-ref-contact--phone{--dq-contact-color:var(--dq-accent)}
.dq-ref-contact__icon{flex-basis:54px;height:54px;border-width:3px;margin-left:-3px}
.dq-ref-contact__icon svg{width:29px;height:29px}
.dq-ref-contact__bubble{width:34px;height:34px;color:var(--dq-primary);font:600 12px Quicksand,sans-serif}
.dq-ref-contact__text small{font-size:12px;font-weight:600;line-height:1.2;margin-bottom:2px}
.dq-ref-contact__text strong{font-size:20px;font-weight:600;line-height:1.15}
.dq-ref-copyright{padding:9px 16px;margin-bottom:0;font:400 13px/1.6 Quicksand,sans-serif}
.dq-ref-popup h2,.dq-ref-popup .dq-ref-quote>button,.dq-ref-footer h3{font-weight:600}
/* Keep WordPress child menus out of the normal header flow. */
@media(min-width:901px){
  .dq-header-main--desktop .dq-menu>li{position:relative;display:flex;align-items:center;min-height:76px}
  .dq-header-main--desktop .dq-menu>li>.sub-menu{position:absolute;z-index:100;top:calc(100% - 1px);left:0;display:block;visibility:hidden;opacity:0;transform:translateY(8px);width:290px;max-height:70vh;overflow:auto;margin:0;padding:8px 0;list-style:none;text-align:left;background:#fff;border:1px solid var(--dq-border);border-radius:0 0 10px 10px;box-shadow:0 14px 32px rgba(15,23,42,.14);transition:opacity .18s ease,transform .18s ease,visibility .18s}
  .dq-header-main--desktop .dq-menu>li:hover>.sub-menu,.dq-header-main--desktop .dq-menu>li:focus-within>.sub-menu{visibility:visible;opacity:1;transform:translateY(0)}
  .dq-header-main--desktop .dq-menu .sub-menu li{display:block;border-bottom:1px solid #eef2f5}
  .dq-header-main--desktop .dq-menu .sub-menu li:last-child{border-bottom:0}
  .dq-header-main--desktop .dq-menu .sub-menu a{display:block;padding:10px 16px;font-size:14px;line-height:1.35;white-space:normal}
  .dq-header-main--desktop .dq-menu>.menu-item-has-children>a:after{content:'⌄';display:inline-block;margin-left:6px;font-size:12px}
}
@media(max-width:900px){
  .dq-mobile-nav{max-height:calc(100vh - 76px);overflow-y:auto}
  .dq-mobile-nav .sub-menu{list-style:none;margin:8px 0 0;padding-left:18px}
  .dq-mobile-nav .sub-menu li{padding:7px 0;border-bottom:0}
  .dq-mobile-nav .sub-menu a{font-size:14px;font-weight:500}
}
@media(max-width:600px){.dq-ref-floating{gap:10px;width:calc(100% - 20px);max-width:400px}.dq-ref-floating .dq-ref-contact--zalo,.dq-ref-floating .dq-ref-contact--phone{width:calc((100% - 10px)/2);height:42px}.dq-ref-contact__icon{flex-basis:46px;height:46px}.dq-ref-contact__icon svg{width:25px;height:25px}.dq-ref-contact__bubble{width:29px;height:29px;font-size:11px}.dq-ref-contact__text small{font-size:9px}.dq-ref-contact__text strong{font-size:16px}.dq-ref-copyright{font-size:12px;padding:8px 14px;margin-bottom:0}}

/* Fit the complete catalog menu beside the full-size logo on common laptop screens. */
@media(min-width:1151px) and (max-width:1390px){
  .dq-ref-header__inner{gap:14px}
  .dq-ref-menu{gap:10px;font-size:14px}
  .dq-ref-header-search{flex-basis:140px;min-width:120px}
}
@media(min-width:1201px) and (max-width:1640px){
  .dq-ref-header-search{display:none}
  .dq-ref-desktop-nav{margin-left:auto}
}

/* Give wide desktop headers more breathing room without increasing their height. */
@media(min-width:1400px){
  .dq-ref-header__inner{
    max-width:1400px;
    gap:18px;
  }

  .dq-ref-brand{
    flex-basis:292px;
    transform:translateX(-8px);
  }

  .dq-ref-brand img{
    width:292px;
    max-height:84px;
  }

  .dq-ref-header-search{
    flex-basis:160px;
    min-width:140px;
  }
}

/* Floating artwork supplied through CTM Option. */
.dq-ref-floating:has(.dq-ref-contact--image){
  bottom:8px;
  gap:10px;
  width:min(590px,calc(100vw - 24px));
  justify-content:center;
  align-items:center;
  pointer-events:none;
}
.dq-ref-floating .dq-ref-contact--image{
  display:block;
  flex:1 1 0;
  width:190px;
  max-width:190px;
  min-width:0;
  aspect-ratio:4/1;
  background:transparent;
  border:0;
  border-radius:999px;
  filter:drop-shadow(0 5px 10px rgba(0,48,112,.2));
  transition:transform .2s ease,filter .2s ease;
  pointer-events:auto;
}
.dq-ref-floating .dq-ref-contact--image img{
  display:block;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:fill;
}
@media(hover:hover){
  .dq-ref-floating .dq-ref-contact--image:hover{transform:translateY(-3px);filter:drop-shadow(0 8px 14px rgba(0,48,112,.3))}
}
@media(max-width:600px){
  .dq-ref-floating:has(.dq-ref-contact--image){bottom:5px;gap:4px;width:calc(100% - 12px)}
  .dq-ref-floating .dq-ref-contact--image{flex-basis:0;width:auto;max-width:none;aspect-ratio:4/1}
  .dq-ref-floating .dq-ref-contact--image img{height:100%;max-height:none}
  .dq-ref-backtop{bottom:48px}
}
@media(prefers-reduced-motion:reduce){.dq-ref-floating .dq-ref-contact--image{transition:none}}

/* Polished quote popup: compact, brand-led and conversion focused. */
.dq-ref-popup{
  position:relative;
  isolation:isolate;
  width:min(920px,calc(100vw - 40px));
  grid-template-columns:48% 52%;
  max-height:min(90dvh,760px);
  overflow:auto;
  border:1px solid rgba(0,48,112,.1);
  border-radius:24px;
  background:#fff;
  box-shadow:0 30px 90px rgba(0,22,52,.32),0 8px 24px rgba(0,22,52,.16);
}
.dq-ref-popup[open]{animation:dq-popup-in .32s cubic-bezier(.2,.8,.2,1) both}
.dq-ref-popup::before{content:"";position:absolute;z-index:2;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--dq-primary) 0 68%,var(--dq-accent) 68% 100%)}
.dq-ref-popup::backdrop{background:rgba(5,15,30,.72);backdrop-filter:blur(4px);animation:dq-popup-backdrop .25s ease both}
.dq-ref-popup:not(:has(.dq-ref-popup__image img)){width:min(560px,calc(100vw - 32px));grid-template-columns:1fr}
.dq-ref-popup__image{min-height:100%;overflow:hidden;background:linear-gradient(145deg,#eaf2fb,#d8e6f5)}
.dq-ref-popup__image img{transition:transform .6s ease}
.dq-ref-popup:hover .dq-ref-popup__image img{transform:scale(1.025)}
.dq-ref-popup__content{
  position:relative;
  z-index:1;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:48px 44px 38px;
  text-align:left;
  background:radial-gradient(circle at 100% 0,rgba(7,73,148,.08),transparent 38%),#fff;
}
.dq-ref-popup:not(:has(.dq-ref-popup__image img)) .dq-ref-popup__content{padding:48px 52px 38px;text-align:center}
.dq-ref-popup__eyebrow{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0 0 13px;
  padding:7px 12px;
  border:1px solid #cddff2;
  border-radius:999px;
  background:#edf5fd;
  color:var(--dq-primary);
  font:700 12px/1 Quicksand,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dq-ref-popup:not(:has(.dq-ref-popup__image img)) .dq-ref-popup__eyebrow{align-self:center}
.dq-ref-popup__eyebrow span{color:var(--dq-accent);font-size:14px}
.dq-ref-popup__content h2{margin:0 0 11px;color:#10253f;font:700 clamp(25px,3vw,31px)/1.22 Quicksand,sans-serif;letter-spacing:-.025em}
.dq-ref-popup__content>p:not(.dq-ref-popup__privacy){max-width:470px;margin:0 auto 15px;color:#526174;font:500 15px/1.65 Quicksand,sans-serif}
.dq-ref-popup__benefits{display:flex;flex-wrap:wrap;gap:9px 16px;margin:0 0 22px;color:#30445b;font:600 13px/1.4 Quicksand,sans-serif}
.dq-ref-popup:not(:has(.dq-ref-popup__image img)) .dq-ref-popup__benefits{justify-content:center}
.dq-ref-popup__benefits span{display:inline-flex;align-items:center;gap:6px}
.dq-ref-popup__benefits i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e8f5ee;color:#16864a;font-style:normal;font-size:11px}
.dq-ref-popup .dq-ref-quote{gap:12px}
.dq-ref-popup .dq-ref-quote input:not([type=hidden]){
  height:52px;
  min-height:52px;
  margin:0;
  border:1px solid #d8e0e9;
  border-radius:13px;
  background-color:#fff;
  box-shadow:0 2px 8px rgba(16,37,63,.04);
  color:#172a42;
  font:500 14px Quicksand,sans-serif;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.dq-ref-popup .dq-ref-quote input[name="name"]{padding:0 16px 0 45px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2364778d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 21a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:16px center}
.dq-ref-popup .dq-ref-quote input[name="phone"]{padding:0 16px 0 45px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2364778d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:16px center}
.dq-ref-popup .dq-ref-quote input:not([type=hidden])::placeholder{color:#7b8999;opacity:1}
.dq-ref-popup .dq-ref-quote input:not([type=hidden]):hover{border-color:#aebdcd;background-color:#fbfdff}
.dq-ref-popup .dq-ref-quote input:not([type=hidden]):focus{outline:0;border-color:var(--dq-primary);box-shadow:0 0 0 4px rgba(7,73,148,.11)}
.dq-ref-popup .dq-ref-quote>button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  min-height:54px;
  margin-top:2px;
  padding:12px 20px;
  border:0;
  border-radius:13px;
  background:linear-gradient(135deg,var(--dq-accent),#ad1119);
  box-shadow:0 10px 22px rgba(215,25,32,.24);
  color:#fff;
  font:700 14px/1.2 Quicksand,sans-serif;
  letter-spacing:.04em;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.dq-ref-popup .dq-ref-quote>button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.dq-ref-popup .dq-ref-quote>button:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 14px 28px rgba(215,25,32,.29)}
.dq-ref-popup .dq-ref-quote>button:hover svg{transform:translateX(3px)}
.dq-ref-popup .dq-ref-form-status{font:600 13px/1.45 Quicksand,sans-serif;text-align:center}
.dq-ref-popup__privacy{display:flex;align-items:center;justify-content:center;gap:6px;margin:15px 0 0!important;color:#7a8797!important;font:500 11px/1.5 Quicksand,sans-serif!important}
.dq-ref-popup__privacy svg{flex:0 0 15px;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.dq-ref-popup-close{
  position:absolute;
  z-index:5;
  top:15px;
  right:15px;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid rgba(7,73,148,.12);
  border-radius:50%;
  background:rgba(255,255,255,.9);
  box-shadow:0 4px 15px rgba(16,37,63,.1);
  color:#53657a;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease,color .18s ease;
}
.dq-ref-popup-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.dq-ref-popup-close:hover{transform:rotate(5deg);background:#fff;color:var(--dq-accent)}
@keyframes dq-popup-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes dq-popup-backdrop{from{opacity:0}to{opacity:1}}
@media(max-width:700px){
  .dq-ref-popup{width:min(92vw,520px);max-height:calc(100dvh - 28px);border-radius:20px}
  .dq-ref-popup[open]{display:block}
  .dq-ref-popup__image{display:none}
  .dq-ref-popup__content,.dq-ref-popup:not(:has(.dq-ref-popup__image img)) .dq-ref-popup__content{padding:38px 22px 25px;text-align:center}
  .dq-ref-popup__eyebrow,.dq-ref-popup:not(:has(.dq-ref-popup__image img)) .dq-ref-popup__eyebrow{align-self:center;margin-bottom:11px}
  .dq-ref-popup__content h2{padding:0 22px;font-size:24px}
  .dq-ref-popup__content>p:not(.dq-ref-popup__privacy){font-size:14px;line-height:1.55}
  .dq-ref-popup__benefits{justify-content:center;margin-bottom:18px;font-size:12px}
  .dq-ref-popup .dq-ref-quote input:not([type=hidden]){height:50px;min-height:50px;font-size:14px}
  .dq-ref-popup .dq-ref-quote>button{min-height:52px}
  .dq-ref-popup-close{top:11px;right:11px;width:34px;height:34px}
}
@media(max-width:380px){
  .dq-ref-popup__content,.dq-ref-popup:not(:has(.dq-ref-popup__image img)) .dq-ref-popup__content{padding-inline:16px}
  .dq-ref-popup__benefits{gap:7px 10px}
  .dq-ref-popup__privacy{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .dq-ref-popup[open],.dq-ref-popup::backdrop{animation:none}
  .dq-ref-popup__image img,.dq-ref-popup .dq-ref-quote>button,.dq-ref-popup .dq-ref-quote>button svg,.dq-ref-popup-close{transition:none}
}