/* Approved mobile-first homepage: artwork faithfully reimplemented as accessible HTML. */
:root{--vv-yellow:#ffe48a;--vv-black:#141414;--vv-muted:#66686c}
html,body{margin:0;min-height:100%;background:#fff}
body{color:var(--vv-black);font-family:"Yekan Bakh",Tahoma,Arial,sans-serif}
.approved-page{width:100%;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;background:white}
.approved-header{width:min(100%,1000px);height:97px;padding:22px 30px 0;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;position:relative;flex-shrink:0}
.approved-brand{display:flex;gap:13px;align-items:center;color:#111;text-decoration:none}
.approved-logo{display:grid;place-items:center;width:73px;height:73px;background:#ffd019;border-radius:17px;color:#151515;font:900 54px/1 Arial,sans-serif;letter-spacing:-6px;padding-left:4px}
.approved-brand-copy{display:flex;flex-direction:column;justify-content:center;text-align:right}
.approved-brand-copy strong{font-size:39px;font-weight:900;line-height:1.18;letter-spacing:-.8px}
.approved-brand-copy small{font-size:21px;line-height:1.45;color:#161616;font-weight:700}
.approved-menu{width:71px;height:71px;border:0;border-radius:50%;background:#f7f7f7;display:grid;place-items:center;box-shadow:0 5px 18px #00000009}
.approved-menu svg{width:35px;height:35px;stroke:#141414;stroke-width:2.3;fill:none;stroke-linecap:round}
.approved-links{position:absolute;left:28px;top:90px;background:#fff;z-index:9;border:1px solid #eee;border-radius:12px;box-shadow:0 14px 35px #00000012;padding:9px;width:215px}
.approved-links[hidden]{display:none}
.approved-links a{display:block;padding:11px;font-size:13px;font-weight:700}
.approved-links a:hover{background:#fff9e7;border-radius:8px}
.approved-main{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:28px 18px 0}
.approved-hero{text-align:center;width:min(100%,925px);margin:0 auto;padding:35px 0 14px}
.approved-title{margin:0 auto;min-height:89px;display:flex;align-items:center;justify-content:center;gap:11px;font-size:clamp(36px,5.3vw,64px);font-weight:900;letter-spacing:-1.2px;line-height:1.45;white-space:nowrap;direction:rtl}
.approved-caret{height:70px;width:8px;flex:0 0 8px;border-radius:5px;background:#ffca10;order:2;animation:vv-caret 1s steps(1,end) infinite}
@keyframes vv-caret{50%{opacity:0}}
.approved-subtitle{color:#616166;font-size:clamp(19px,2.5vw,32px);font-weight:600;margin:12px 0 62px;line-height:1.8}
.approved-cta{border:0;background:#ffe58b;border-radius:5px;width:50%;max-width:490px;min-width:220px;height:100px;color:#101010;display:block;margin:0 auto;font-size:clamp(24px,3.5vw,41px);font-weight:900;box-shadow:none;cursor:pointer}
.approved-cta:hover{background:#ffdf72}
.approved-cta:focus-visible,.approved-menu:focus-visible{outline:3px solid #a78110;outline-offset:4px}
.approved-lawyers{margin:55px auto 0;width:min(100%,835px);line-height:0}
.approved-lawyers img{display:block;max-width:100%;height:auto;width:100%;object-fit:contain;margin:auto}
.approved-status{margin:29px auto 0;border:1px solid #e7e7e7;border-radius:100px;padding:10px 22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#242424;font-weight:750;font-size:19px}
.approved-dot{width:13px;height:13px;border-radius:50%;background:#68c832;box-shadow:inset 0 0 2px #2d7b17}
.approved-footer{width:min(100%,1000px);margin:0 auto;padding:37px 22px 33px;text-align:center;flex:0 0 auto}
.approved-divider{width:70%;height:1px;background:#e6e6e6;margin:0 auto 30px}
.approved-badges{width:230px;height:80px;margin:0 auto 9px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.approved-badges img{display:block;width:190px;height:auto;mix-blend-mode:multiply}
.approved-phone{display:flex;gap:14px;align-items:center;justify-content:center;text-decoration:none;font:800 26px Arial,sans-serif;color:#151515;margin:1px auto 0;letter-spacing:.5px}
.approved-phone svg{stroke:#151515;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;width:27px;height:27px}
.approved-demo-note{display:block;margin-top:25px;color:#b8b8b8;font-size:10px;line-height:1.7}
#wizard{font-family:"Yekan Bakh",Tahoma,Arial,sans-serif}
@media(max-width:600px){
.approved-header{height:85px;padding:16px 19px 0}
.approved-logo{width:46px;height:46px;border-radius:11px;font-size:35px;letter-spacing:-4px}
.approved-brand{gap:8px}
.approved-brand-copy strong{font-size:22px;letter-spacing:-.6px}
.approved-brand-copy small{font-size:11px;line-height:1.4}
.approved-menu{width:47px;height:47px}
.approved-menu svg{width:26px;height:26px}
.approved-links{top:70px;left:18px}
.approved-main{padding:10px 16px 0;align-items:center}
.approved-hero{padding:28px 0 0}
.approved-title{font-size:clamp(24px,6.7vw,35px);letter-spacing:-.8px;gap:5px;min-height:62px}
.approved-caret{height:37px;width:4px;flex-basis:4px}
.approved-subtitle{font-size:clamp(13px,3.3vw,17px);margin:9px 0 38px}
.approved-cta{height:50px;width:53%;max-width:300px;min-width:160px;border-radius:4px;font-size:22px}
.approved-lawyers{margin-top:37px;width:100%;max-width:400px}
.approved-status{margin-top:15px;padding:8px 16px;font-size:13px}
.approved-dot{width:9px;height:9px}
.approved-footer{padding:30px 14px 25px}
.approved-divider{width:72%;margin-bottom:18px}
.approved-badges{height:51px;width:160px;margin-bottom:5px}
.approved-badges img{width:130px}
.approved-phone{font-size:18px;gap:8px}
.approved-phone svg{width:20px;height:20px}
.approved-demo-note{font-size:9px;margin-top:19px}
}
@media(max-width:350px){.approved-title{font-size:22px}.approved-logo{width:42px;height:42px}.approved-brand-copy strong{font-size:20px}.approved-menu{width:42px;height:42px}.approved-hero{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.approved-caret{animation:none}}


/* Footer refinement: 20% smaller trust artwork and icons, anchored to bottom edge. */
.approved-footer{margin-top:auto;padding-top:12px;padding-bottom:6px}
.approved-divider{margin-bottom:10px}
.approved-badges{width:184px;height:64px;margin-bottom:4px}
.approved-badges img{width:152px}
.approved-phone svg{width:22px;height:22px}
.approved-demo-note{margin-top:8px}
@media(max-width:600px){
 .approved-footer{padding:8px 12px 4px}
 .approved-divider{margin-bottom:7px}
 .approved-badges{width:128px;height:41px;margin-bottom:2px}
 .approved-badges img{width:104px}
 .approved-phone svg{width:16px;height:16px}
 .approved-demo-note{margin-top:5px;font-size:8px}
}

/* Approved solid-yellow V emblem, independent vector image */
.approved-logo{background:none!important;padding:0!important;border-radius:0!important;letter-spacing:normal!important;overflow:visible;line-height:0}
.approved-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}

/* Footer phone: reduce number and handset another 20%, keeping the badges unchanged. */
.approved-phone{font-size:20.8px}
.approved-phone svg{width:17.6px;height:17.6px}
@media(max-width:600px){.approved-phone{font-size:14.4px}.approved-phone svg{width:12.8px;height:12.8px}}


/* Pixel-aligned footer: the phone icon + digits occupy exactly the same width as the three trust symbols. */
.approved-footer{--trust-strip-width:152px}
.approved-badges img{width:var(--trust-strip-width)}
.approved-phone{
 width:var(--trust-strip-width);
 max-width:var(--trust-strip-width);
 margin-left:auto;
 margin-right:auto;
 box-sizing:border-box;
 justify-content:space-between;
 gap:2px;
 font-size:16px;
 white-space:nowrap;
 letter-spacing:0;
}
.approved-phone svg{width:16px;height:16px;flex:none}
.approved-phone span{display:block;flex:0 0 auto;white-space:nowrap}
@media(max-width:600px){
 .approved-footer{--trust-strip-width:104px}
 .approved-phone{font-size:11px;gap:2px}
 .approved-phone svg{width:11px;height:11px}
}


/* Compact final footer: no divider, handset snug against digits. */
.approved-divider{display:none!important}
.approved-phone{justify-content:center!important;gap:2px!important}
.approved-badges{margin-bottom:0}


/* Minimal left-edge + that expands inline content and keeps trust marks/phone at the very end. */
.approved-expand-area{width:min(100%,1000px);margin:0 auto;padding:0 24px;flex:0 0 auto}
.approved-expand{direction:rtl}
.approved-plus{display:grid;place-items:center;margin-left:0;margin-right:auto;width:36px;height:36px;border:1px solid #eaeaea;border-radius:50%;color:#242424;background:#fff;cursor:pointer;list-style:none;user-select:none;transition:background .2s ease}
.approved-plus::-webkit-details-marker{display:none}
.approved-plus::marker{content:""}
.approved-plus:focus-visible{outline:3px solid #dba800;outline-offset:3px}
.approved-plus:hover{background:#fafafa}
.approved-plus-sign{font:300 29px/1 Arial,sans-serif;transform-origin:center;transition:transform .2s ease}
.approved-expand[open] .approved-plus-sign{transform:rotate(45deg)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.approved-expanded-copy{max-width:840px;padding:18px 12px 18px;margin:0 auto;text-align:right;line-height:2.1;color:#363636;font-size:15px}
.approved-expanded-copy h2{margin:0 0 7px;font-size:19px;font-weight:850;color:#1b1b1b}
.approved-expanded-copy p{margin:0 0 12px}
.approved-unverified-copy{color:#898989;font-size:12px;border-top:1px solid #eee;padding-top:8px}
@media(max-width:600px){
 .approved-expand-area{padding:0 18px}
 .approved-plus{width:32px;height:32px}
 .approved-plus-sign{font-size:25px}
 .approved-expanded-copy{padding:14px 7px 17px;font-size:13px}
 .approved-expanded-copy h2{font-size:16px}
 .approved-unverified-copy{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.approved-plus-sign{transition:none}}


/* Long-form legal guide inside the optional expandable + section. */
.approved-expanded-copy h3{font-size:17px;font-weight:850;color:#1d1d1d;line-height:1.8;margin:23px 0 8px}
.approved-expanded-copy strong{font-weight:850;color:#202020}
.approved-expanded-copy a{color:#4b400d;text-decoration:underline;text-decoration-color:#d5bc57;text-underline-offset:4px}
.approved-expanded-copy a:hover{color:#151515;text-decoration-color:#151515}
.approved-guide-conclusion{padding:12px 0;margin-bottom:10px}
.approved-guide-links{display:flex;flex-wrap:wrap;align-items:center;gap:9px 15px;padding:12px 0 6px;border-top:1px solid #eee}
.approved-guide-links a{font-weight:750;font-size:13px}
@media(max-width:600px){
 .approved-expanded-copy h2{font-size:18px;line-height:1.85}
 .approved-expanded-copy h3{font-size:15px;margin:18px 0 6px}
 .approved-expanded-copy p{margin-bottom:12px;line-height:2.1}
 .approved-guide-links{gap:9px 13px}
 .approved-guide-links a{font-size:12px}
}


/* Modern brand-consistent left sliding navigation. */
.menu-scrim[hidden],.vv-drawer[hidden]{display:none!important}
.menu-scrim{position:fixed;inset:0;background:rgba(18,20,20,.32);z-index:1001;backdrop-filter:blur(2px)}
.vv-drawer{position:fixed;inset:0 auto 0 0;z-index:1002;width:min(380px,calc(100vw - 36px));height:100dvh;display:flex;flex-direction:column;direction:rtl;background:#fbfbf9;color:#1a1a1a;box-shadow:18px 0 60px #0002;border-radius:0 22px 22px 0;overflow:hidden;animation:vv-drawer-in .24s ease-out}
@keyframes vv-drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
.vv-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 19px 18px;background:#fff;border-bottom:1px solid #eee}
.vv-drawer-brand{display:flex;align-items:center;gap:11px}.vv-drawer-brand img{width:48px;height:48px;flex-shrink:0}.vv-drawer-brand strong{display:block;font-size:21px;font-weight:900;line-height:1.3}.vv-drawer-brand small{display:block;color:#6f6f6f;font-size:11px;margin-top:2px}
.vv-drawer-close{border:0;background:#f6f6f5;color:#222;width:39px;height:39px;border-radius:50%;font:400 30px/1 Arial;cursor:pointer}
.vv-drawer-content{padding:10px 17px 20px;overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin}
.vv-drawer-caption{margin:10px 4px 13px;font-size:12px;font-weight:750;color:#898989}.vv-drawer-caption-small{margin-top:23px}
.vv-nav-primary{width:100%;min-height:77px;display:flex;align-items:center;gap:12px;text-align:right;direction:rtl;background:#fff;border:1px solid #ececea;border-radius:18px;padding:14px 12px;margin:0 0 10px;color:#171717;font-family:inherit;text-decoration:none;box-shadow:0 3px 11px #00000004;cursor:pointer}
.vv-nav-primary>span:nth-child(2){flex:1}.vv-nav-primary strong{display:block;font-size:16px;font-weight:900;line-height:1.5}.vv-nav-primary small{display:block;font-size:11px;color:#6e6e6e;line-height:1.8;margin-top:1px}
.vv-nav-glyph{flex-shrink:0;display:grid;place-items:center;width:43px;height:43px;background:#fff4c9;border-radius:13px;color:#2b2b2b;font-size:24px;font-weight:700}
.vv-nav-secondary .vv-nav-glyph{background:#f3f3f3}.vv-nav-chevron{font-size:26px;color:#969696;line-height:1}
.vv-nav-expand{background:#fff;border:1px solid #ececea;border-radius:16px;margin-bottom:10px;overflow:hidden}
.vv-nav-expand summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:66px;padding:10px 12px}.vv-nav-expand summary::-webkit-details-marker{display:none}.vv-nav-expand summary::marker{content:""}
.vv-nav-expand strong{flex:1;font-size:15px;font-weight:850}.vv-nav-expand .vv-nav-glyph{background:#f5f5f3;width:39px;height:39px;font-size:20px}
.vv-nav-expand-icon{font:400 24px/1 Arial;color:#737373;margin-left:4px}.vv-nav-expand[open] .vv-nav-expand-icon{transform:rotate(45deg)}
.vv-nav-expand>div{display:grid;gap:1px;padding:1px 13px 11px 12px}.vv-nav-expand>div a{font-size:12px;line-height:1.9;padding:9px 12px;background:#fbfaf6;border-radius:9px;color:#3d3d3d;text-decoration:none}
.vv-drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.vv-drawer-grid a{display:grid;place-items:center;min-height:58px;text-decoration:none;color:#2b2b2b;font-size:13px;font-weight:800;text-align:center;background:#fff;border:1px solid #eaeaea;border-radius:14px;padding:9px}
.vv-drawer-bottom{flex-shrink:0;background:#fff;padding:13px 19px max(12px,env(safe-area-inset-bottom));border-top:1px solid #eee;text-align:center}.vv-drawer-bottom>a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:53px;border-radius:13px;background:#ffdf73;color:#171717;text-decoration:none;font-size:17px;font-weight:900}.vv-drawer-bottom small{display:block;font-size:10px;color:#999;margin-top:8px}
.vv-drawer :is(a,button,summary):focus-visible{outline:3px solid #d6a600;outline-offset:2px}
body.vv-menu-open{overflow:hidden}
@media(max-width:390px){.vv-drawer-head{padding:15px 14px}.vv-drawer-content{padding:8px 13px 15px}.vv-nav-primary{min-height:67px;padding:10px}.vv-drawer-bottom{padding:9px 13px max(8px,env(safe-area-inset-bottom))}.vv-drawer-grid a{min-height:52px}}
@media(prefers-reduced-motion:reduce){.vv-drawer{animation:none}}


/* Modern left-side mobile drawer — VisitVakil brand. */
body.vv-menu-open{overflow:hidden}
.menu-scrim{position:fixed;inset:0;background:rgba(20,20,20,.34);z-index:98;backdrop-filter:blur(2px)}
.menu-scrim[hidden],.vv-drawer[hidden]{display:none!important}
.vv-drawer{position:fixed;top:0;bottom:0;left:0;width:min(390px,94vw);max-height:100dvh;z-index:99;background:#fdfdfd;color:#181818;box-shadow:18px 0 75px #0002;display:flex;flex-direction:column;text-align:right;direction:rtl;border-radius:0 20px 20px 0;overflow:hidden}
.vv-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 20px 19px;background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0}
.vv-drawer-brand{display:flex;align-items:center;gap:11px;min-width:0}
.vv-drawer-brand img{width:47px;height:47px;object-fit:contain;flex-shrink:0}
.vv-drawer-brand strong{display:block;font-size:21px;font-weight:900;line-height:1.4}
.vv-drawer-brand small{display:block;font-size:10px;font-weight:600;color:#6c6c6c;margin-top:1px}
.vv-drawer-close{border:0;background:#f6f6f6;border-radius:50%;width:40px;height:40px;flex-shrink:0;font:300 31px/1 Arial;color:#252525;cursor:pointer}
.vv-drawer-content{padding:17px 15px 25px;overflow-y:auto;overscroll-behavior:contain;flex:1;scrollbar-width:thin}
.vv-drawer-caption{margin:1px 6px 14px;font-size:12px;color:#888;font-weight:750}
.vv-drawer-caption-small{margin-top:24px}
.vv-nav-primary{display:flex;width:100%;align-items:center;gap:12px;padding:16px 13px;text-align:right;border:1px solid #ededed;background:#fff;border-radius:18px;margin-bottom:10px;color:#191919;box-shadow:0 3px 14px #00000005;cursor:pointer;text-decoration:none;font-family:inherit}
.vv-nav-primary strong{display:block;font-size:16px;font-weight:900;line-height:1.65}
.vv-nav-primary small{display:block;font-size:11px;font-weight:550;color:#777;margin-top:2px}
.vv-nav-glyph{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;background:#fff5d6;border-radius:13px;color:#282828;font-size:22px}
.vv-nav-chevron{margin-right:auto;color:#777;font-size:28px}
.vv-nav-secondary .vv-nav-glyph{background:#f2f2f2}
.vv-nav-expand{background:#fff;border:1px solid #ededed;border-radius:17px;margin:10px 0;overflow:hidden}
.vv-nav-expand summary{display:flex;align-items:center;gap:12px;padding:14px 13px;cursor:pointer;list-style:none;min-height:68px}
.vv-nav-expand summary::-webkit-details-marker{display:none}
.vv-nav-expand summary::marker{content:""}
.vv-nav-expand strong{font-size:15px;font-weight:850}
.vv-nav-expand .vv-nav-glyph{width:40px;height:40px;flex-basis:40px;background:#f6f6f6;font-size:20px}
.vv-nav-expand-icon{margin-right:auto;font:300 26px Arial;transition:transform .18s}
.vv-nav-expand[open] .vv-nav-expand-icon{transform:rotate(45deg)}
.vv-nav-expand>div{border-top:1px solid #f0f0f0;padding:5px 16px 12px 10px}
.vv-nav-expand>div a{display:block;padding:11px 5px;color:#454545;font-size:12px;font-weight:650;text-decoration:none}
.vv-drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.vv-drawer-grid a{min-height:62px;display:flex;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px solid #ededed;border-radius:15px;text-decoration:none;color:#2b2b2b;font-weight:800;font-size:13px;padding:8px}
.vv-drawer a:focus-visible,.vv-drawer button:focus-visible,.vv-drawer summary:focus-visible{outline:3px solid #ffcc28;outline-offset:2px}
.vv-drawer-bottom{padding:13px 15px 17px;border-top:1px solid #eee;background:#fff;flex-shrink:0}
.vv-drawer-bottom>a{display:flex;justify-content:center;align-items:center;gap:10px;padding:13px 18px;background:#ffcd23;color:#161616;border-radius:14px;text-align:center;text-decoration:none;font-size:17px;font-weight:900}
.vv-drawer-bottom small{display:block;color:#999;text-align:center;font-size:9px;margin-top:8px}
@media(max-width:380px){.vv-drawer{width:min(360px,95vw)}.vv-drawer-head{padding:19px 15px 15px}.vv-drawer-brand strong{font-size:19px}.vv-nav-primary strong{font-size:14px}.vv-drawer-content{padding:12px}.vv-drawer-grid a{min-height:58px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.vv-nav-expand-icon{transition:none}}