.dq-footer {
    position: relative;
    overflow: hidden;
    padding-top: 0;
    color: #b9c8d4;
    background: #061522;
    font-family: var(--dq-font);
}
body.home .dq-footer { background: #061522; }
.dq-footer::after {
    content: "";
    position: absolute;
    right: -110px;
    bottom: 58px;
    width: 330px;
    height: 330px;
    border: 1px solid rgba(255, 210, 10, .07);
    border-radius: 50%;
    box-shadow: 0 0 0 46px rgba(255, 210, 10, .025), 0 0 0 92px rgba(255, 210, 10, .018);
    pointer-events: none;
}
.dq-footer__accent { height: 4px; background: linear-gradient(90deg, #ffd20a 0 43%, #0c5b92 43% 100%); }
.dq-footer__inner { position: relative; z-index: 1; padding-top: 54px; padding-bottom: 48px; }
.dq-footer__grid { display: grid; grid-template-columns: minmax(250px,1.3fr) minmax(170px,.75fr) minmax(240px,1fr) minmax(190px,.75fr); gap: clamp(28px,4vw,64px); align-items: start; }
.dq-footer__column { min-width: 0; text-align: left; }
.dq-footer-block { width: 100%; }
.dq-footer-block + .dq-footer-block { margin-top: 20px; }
.dq-footer h3 { margin: 2px 0 22px; color: #fff; font-size: 14px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.dq-footer h3::after { content: ""; display: block; width: 36px; height: 3px; margin-top: 10px; border-radius: 99px; background: #ffd20a; }
.dq-footer-logo { width: auto; max-width: min(100%, 220px); max-height: 74px; object-fit: contain; object-position: left center; }
.dq-footer .dq-richtext { max-width: 330px; color: #9fb1bf; font-size: 14px; line-height: 1.75; }
.dq-footer .dq-richtext p { margin: 0; }
.dq-footer-nav { display: block; }
.dq-footer-menu { display: grid; gap: 11px; }
.dq-footer-menu li { margin: 0; }
.dq-footer-menu .sub-menu { display: none !important; }
.dq-footer-menu a { position: relative; display: inline-flex; align-items: center; color: #b9c8d4; font-size: 14px; font-weight: 700; transition: color .2s, transform .2s; }
.dq-footer-menu a::before { content: ""; width: 6px; height: 6px; margin-right: 10px; border-radius: 50%; background: #ffd20a; }
.dq-footer-menu a:hover { color: #ffd20a; transform: translateX(3px); }
.dq-footer-contact { display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 12px; margin: 0 0 14px; padding: 0; text-align: left; }
.dq-footer-contact i { display: grid; width: 38px; height: 38px; place-items: center; flex: 0 0 auto; border: 1px solid rgba(255,210,10,.28); border-radius: 10px; background: rgba(255,210,10,.1); color: #ffd20a; font-size: 15px; font-style: normal; }
.dq-footer-contact > span { min-width: 0; }
.dq-footer-contact strong { display: block; margin: 0 0 2px; color: #7f96a7; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.dq-footer-contact a, .dq-footer-contact > span > span { display: block; color: #fff; font-size: 13px; font-weight: 750; line-height: 1.45; overflow-wrap: anywhere; }
.dq-footer-block--html p { display: inline-flex; max-width: 760px; margin: 0; padding: 6px 14px; border: 1px solid rgba(9, 76, 125, .12); border-radius: 999px; background: rgba(255,255,255,.62); color: #36566d; font-size: 12px; line-height: 1.45; }
.dq-socials { display: flex; gap: 10px; flex-wrap: wrap; }
.dq-social { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: rgba(255,255,255,.07); color: #fff; transition: transform .2s,background .2s,border-color .2s; }
.dq-social svg,.dq-social img { width: 21px; height: 21px; object-fit: contain; fill: currentColor; }
.dq-social .dq-social-icon__cutout { fill: #061522; }
a.dq-social:hover { transform: translateY(-3px); border-color: #ffd20a; background: #ffd20a; color: #061522; }
a.dq-social:hover .dq-social-icon__cutout { fill: #ffd20a; }
.dq-social--facebook { color: #1877f2; }.dq-social--tiktok { color: #fff; }.dq-social--youtube { color: #ff0033; }.dq-social--instagram { color: #e4405f; }.dq-social--zalo { color: #1688f8; }
.dq-footer__tagline { margin: 16px 0 0; color: #fff; font-size: clamp(20px,2vw,28px); font-weight: 850; letter-spacing: -.03em; }
.dq-footer__site-name { color: #fff; }
.dq-copyright { position: relative; z-index: 1; margin: 0; padding: 14px 16px; border-top: 1px solid rgba(255,255,255,.09); background: #04101a; color: #7f96a7; font-size: 12px; }

@media (max-width: 980px) {
    .dq-footer__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 640px) {
    .dq-footer__inner { padding-top: 38px; padding-bottom: 32px; }
    .dq-footer::after { display: none; }
    .dq-footer__grid,
    body.home .dq-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; row-gap: 30px; }
    .dq-footer__column--1,
    .dq-footer__column--4,
    body.home .dq-footer__column--1,
    body.home .dq-footer__column--4 { grid-column: 1 / -1; }
    .dq-footer-logo { max-width: 190px; max-height: 64px; margin-inline: auto; object-position: center; }
    .dq-footer .dq-richtext { font-size: 13px; }
    .dq-footer h3 { margin-bottom: 15px; font-size: 12px; letter-spacing: .055em; }
    .dq-footer-menu { gap: 9px; }
    .dq-footer-menu a { font-size: 12px; }
    .dq-footer-menu a::before { width: 5px; height: 5px; margin-right: 7px; }
    .dq-footer-contact { grid-template-columns: 32px minmax(0, 1fr); gap: 8px; margin-bottom: 11px; }
    .dq-footer-contact i { width: 32px; height: 32px; border-radius: 8px; font-size: 13px; }
    .dq-footer-contact strong { font-size: 8px; }
    .dq-footer-contact a,
    .dq-footer-contact > span > span { font-size: 11px; line-height: 1.35; }
    .dq-footer-block--html p { border-radius: 14px; }
    .dq-copyright { padding-bottom: 72px; }
}