.elementor-kit-6{--e-global-color-primary:#141C41;--e-global-color-secondary:#3649C1;--e-global-color-text:#141414;--e-global-color-accent:#8FACEB;--e-global-color-e45e963:#01163D;--e-global-color-5f7eba8:#003760;--e-global-color-5ee7888:#294C92;--e-global-color-b4828ce:#E0E8F8;--e-global-color-9a6f367:#D8DEE9;--e-global-color-394bc3d:#F5F5F5;--e-global-color-ded4ae2:#FFFFFF;--e-global-color-925ae5f:#5C6275;--e-global-color-dc54126:#7F7F7F;--e-global-color-5711c55:#B7C3DD;--e-global-typography-primary-font-family:"Prompt";--e-global-typography-primary-font-size:72px;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-line-height:1.05em;--e-global-typography-primary-letter-spacing:-0.015em;--e-global-typography-secondary-font-family:"Urbanist";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:0em;--e-global-typography-text-font-family:"Urbanist";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-line-height:1.65em;--e-global-typography-text-letter-spacing:0em;--e-global-typography-accent-font-family:"Urbanist";--e-global-typography-accent-font-size:13px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.4em;--e-global-typography-accent-letter-spacing:0.16em;color:#141414;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:400;line-height:1.65em;letter-spacing:0em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#3649C1;font-family:"Urbanist", Sans-serif;font-size:15px;font-weight:600;text-transform:none;line-height:1.2em;letter-spacing:0.04em;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#3649C1;border-radius:2px 2px 2px 2px;padding:16px 28px 16px 28px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#294C92;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#294C92;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:20px;}.elementor-kit-6 a{color:#003760;}.elementor-kit-6 a:hover{color:#3649C1;}.elementor-kit-6 h1{color:#141C41;font-family:"Prompt", Sans-serif;font-size:72px;font-weight:300;line-height:1.05em;letter-spacing:-0.015em;}.elementor-kit-6 h2{color:#141C41;font-family:"Urbanist", Sans-serif;font-size:52px;font-weight:400;line-height:1.1em;letter-spacing:-0.01em;}.elementor-kit-6 h3{color:#141C41;font-family:"Urbanist", Sans-serif;font-size:36px;font-weight:500;line-height:1.2em;letter-spacing:-0.005em;}.elementor-kit-6 h4{color:#141C41;font-family:"Urbanist", Sans-serif;font-size:26px;font-weight:500;line-height:1.25em;letter-spacing:0em;}.elementor-kit-6 h5{color:#141C41;font-family:"Urbanist", Sans-serif;font-size:20px;font-weight:600;line-height:1.35em;letter-spacing:0em;}.elementor-kit-6 h6{color:#141C41;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:600;line-height:1.4em;letter-spacing:0em;}.elementor-kit-6 label{color:#141C41;font-family:"Urbanist", Sans-serif;font-size:14px;font-weight:600;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-family:"Urbanist", Sans-serif;font-size:16px;font-weight:400;color:#141414;background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D8DEE9;border-radius:2px 2px 2px 2px;padding:12px 16px 12px 16px;}.elementor-kit-6 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea:focus,.elementor-kit-6 .elementor-field-textual:focus{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#3649C1;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-primary-font-size:56px;--e-global-typography-secondary-font-size:30px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:13px;font-size:16px;}.elementor-kit-6 h1{font-size:56px;}.elementor-kit-6 h2{font-size:42px;}.elementor-kit-6 h3{font-size:30px;}.elementor-kit-6 h4{font-size:24px;}.elementor-kit-6 h5{font-size:19px;}.elementor-kit-6 h6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:40px;--e-global-typography-secondary-font-size:26px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:12px;font-size:16px;}.elementor-kit-6 h1{font-size:40px;}.elementor-kit-6 h2{font-size:32px;}.elementor-kit-6 h3{font-size:26px;}.elementor-kit-6 h4{font-size:22px;}.elementor-kit-6 h5{font-size:18px;}.elementor-kit-6 h6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */* ==========================================================================
   Vijaya Law Office – vlo.css  (paste into Elementor > Site Settings > Custom CSS)
   Subtle motion only: fade/slide-up (Elementor entrance), gentle hovers, light parallax.
   ========================================================================== */

/* ---- Tokens ---- */
:root{
  --vlo-midnight:#01163D; --vlo-navy:#141C41; --vlo-blue:#003760; --vlo-royal:#3649C1;
  --vlo-cobalt:#294C92; --vlo-sky:#8FACEB; --vlo-ice:#E0E8F8; --vlo-mist:#D8DEE9;
  --vlo-paper:#F5F5F5; --vlo-ink:#141414; --vlo-slate:#5C6275; --vlo-mist-dark:#B7C3DD;
  --vlo-ease:cubic-bezier(.2,.7,.2,1); --vlo-dur:.35s;
}

/* ---- Chinese (Polylang sets <html lang="zh-CN">) ---- */
html[lang^="zh"] body,
html[lang^="zh"] .elementor-widget-text-editor,
html[lang^="zh"] .elementor-field-group .elementor-field,
html[lang^="zh"] .elementor-field-label,
html[lang^="zh"] .elementor-button,
html[lang^="zh"] .elementor-nav-menu a{
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif !important;
}
html[lang^="zh"] .elementor-widget-text-editor{ line-height:1.85; }
html[lang^="zh"] .vlo-eyebrow .elementor-heading-title{ text-transform:none !important; letter-spacing:.08em !important; }
html[lang^="zh"] .elementor-heading-title{ word-break:keep-all; overflow-wrap:anywhere; }

/* ---- Base ---- */
body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
::selection{ background:var(--vlo-sky); color:var(--vlo-navy); }
.elementor-widget-text-editor p:last-child{ margin-bottom:0; }
.vlo-section{ position:relative; }

/* ---- Focus (keyboard only) ---- */
a:focus-visible, button:focus-visible, .elementor-button:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible{
  outline:2px solid var(--vlo-sky) !important; outline-offset:3px !important; box-shadow:none !important;
}

/* ---- Eyebrow / index ---- */
.vlo-eyebrow .elementor-heading-title{ display:inline-flex; align-items:center; gap:12px; }
.vlo-eyebrow .elementor-heading-title::before{ content:""; width:28px; height:1px; background:currentColor; opacity:.7; }
.vlo-index .elementor-heading-title{ font-variant-numeric:tabular-nums; }

/* ---- Hero diagonal edge (static, no animation) ---- */
.vlo-diagonal{ clip-path:polygon(0 0,100% 0,100% calc(100% - 64px),0 100%); }
@media (max-width:767px){ .vlo-diagonal{ clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),0 100%); } }
.vlo-hero__statue img{ max-height:72vh; width:auto; margin-inline:auto; filter:drop-shadow(0 30px 40px rgba(0,0,0,.35)); }
.vlo-breadcrumb .elementor-icon-list-item:not(:last-child)::after{ content:"/"; margin-inline-start:14px; opacity:.5; position:static; border:0; width:auto; height:auto; }

/* ---- Header ---- */
.vlo-header{ transition:box-shadow var(--vlo-dur) var(--vlo-ease), background-color var(--vlo-dur) var(--vlo-ease); }
.vlo-header.elementor-sticky--effects{ box-shadow:0 6px 24px rgba(1,22,61,.08); }
.vlo-nav .elementor-nav-menu--dropdown{ border-top:1px solid var(--vlo-mist); }

/* ---- Links with animated underline ---- */
.vlo-link-arrow .elementor-heading-title a,
.vlo-footer .elementor-icon-list-text{
  background:linear-gradient(currentColor,currentColor) no-repeat 0 100% / 0 1px;
  transition:background-size var(--vlo-dur) var(--vlo-ease), color var(--vlo-dur) var(--vlo-ease);
  padding-bottom:2px;
}
.vlo-link-arrow .elementor-heading-title a:hover,
.vlo-footer .elementor-icon-list-item a:hover .elementor-icon-list-text{ background-size:100% 1px; }

/* ---- Cards (gentle lift) ---- */
.vlo-card{ transition:transform var(--vlo-dur) var(--vlo-ease), box-shadow var(--vlo-dur) var(--vlo-ease), border-color var(--vlo-dur) var(--vlo-ease); }
.vlo-card:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(1,22,61,.10); border-color:var(--vlo-sky) !important; }
.vlo-section--navy .vlo-card:hover{ box-shadow:0 18px 40px rgba(0,0,0,.25); }
.vlo-card--practice .elementor-widget-heading a{ color:inherit; }

/* ---- Media (slow, slight zoom) ---- */
.vlo-media{ overflow:hidden; }
.vlo-media img{ transition:transform .9s var(--vlo-ease); }
.vlo-media:hover img, .vlo-card:hover .vlo-media img{ transform:scale(1.03); }
.vlo-portrait{ background:linear-gradient(180deg,var(--vlo-ice) 0%,var(--vlo-mist) 100%); }
.vlo-portrait img{ object-position:center bottom; }
.vlo-hero--partner .vlo-portrait{ background:none; }

/* ---- Typographic accents ---- */
.vlo-statement .elementor-heading-title{ max-width:30ch; }
html[lang^="zh"] .vlo-statement .elementor-heading-title{ max-width:24em; }
.vlo-highlight{ color:var(--vlo-royal); }
.vlo-tag-list .elementor-icon-list-item{ border:1px solid var(--vlo-mist); border-radius:2px; padding:6px 12px; }
.vlo-tag-list .elementor-icon-list-item::after{ display:none !important; }
.vlo-subnav .elementor-icon-list-item a{ position:relative; }
.vlo-hairline .elementor-divider{ padding-block:0 !important; }
html{ scroll-behavior:smooth; scroll-padding-top:96px; }

/* ---- Form ---- */
.vlo-form .elementor-field-group .elementor-field:not(.elementor-select-wrapper),
.vlo-form .elementor-select-wrapper select{ min-height:52px; padding:12px 16px; transition:border-color var(--vlo-dur); }
.vlo-form .elementor-field-group textarea.elementor-field{ min-height:160px; }
.vlo-form .elementor-field:focus{ border-color:var(--vlo-royal) !important; }
.vlo-form .elementor-field-type-acceptance a{ color:var(--vlo-royal); text-decoration:underline; }
.vlo-form .elementor-message{ font-size:15px; }

/* ---- Map (muted until hover) ---- */
.vlo-map iframe{ filter:grayscale(.85) contrast(1.05); transition:filter .6s var(--vlo-ease); }
.vlo-map:hover iframe{ filter:none; }

/* ---- Legal drafts ---- */
.vlo-draft-badge p{
  display:inline-block; margin:0; padding:6px 12px; border:1px dashed var(--vlo-royal);
  color:var(--vlo-royal); font-weight:600; letter-spacing:.08em; text-transform:uppercase; font-size:12px; border-radius:2px;
}
.vlo-legal .elementor-widget-text-editor{ max-width:760px; }

/* ---- Buttons: icon nudge ---- */
.vlo-btn .elementor-button-icon{ transition:transform var(--vlo-dur) var(--vlo-ease); }
.vlo-btn .elementor-button:hover .elementor-button-icon{ transform:translateX(3px); }

/* ---- Placeholders (never shown publicly) ---- */
.vlo-proof-placeholder{ outline:2px dashed var(--vlo-royal); }

/* ---- Reduced motion: switch every effect off ---- */
@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  .elementor-invisible{ visibility:visible !important; }
  .animated, .elementor-motion-effects-element, .elementor-motion-effects-layer{ animation:none !important; transform:none !important; transition:none !important; }
  .vlo-card, .vlo-card:hover, .vlo-media img, .vlo-btn .elementor-button-icon{ transition:none !important; transform:none !important; }
}
/* VLO fixes */ @media (max-width:1024px){ .elementor-element-799cdf82, .elementor-element-2cd3af47{ width:auto !important; max-width:none !important; flex:0 0 auto !important; margin-left:auto !important; } } @media (max-width:767px){ html, body{ overflow-x:hidden; } } .elementor-field-type-acceptance input[type=checkbox]{ width:20px; height:20px; }/* End custom CSS */