/* alocheck.ir about page (design 2). Header/footer come from /assets/alocheck-site/chrome.css */
@font-face{font-family:AcVazir;src:url('/assets/alocheck/font-01.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:AcVazir;src:url('/assets/alocheck/font-02.woff2') format('woff2');font-weight:700;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:white}
.ac-about{--ac-purple:#59145e;--ac-yellow:#ffc323;--ac-ink:#49414f;--ac-muted:#817587;--ac-line:#e4d4ea;--ac-lav:#f6eff9;--ac-focus:#aa70bd;direction:rtl;font:18px/2 AcVazir,Tahoma,sans-serif;color:var(--ac-ink);background:#fff;min-height:0}
.ac-about button,.ac-about input{font:inherit}
.ac-about a{color:inherit;text-decoration:none}
.ac-about img{max-width:100%;display:block}
.ac-about button{border:0;background:none;cursor:pointer;color:inherit}
.ac-about svg{width:22px;height:22px;flex-shrink:0;vertical-align:middle;stroke-width:1.65}
.ac-about a,.ac-about button{-webkit-tap-highlight-color:transparent}
.ac-about a:focus-visible,.ac-about button:focus-visible{outline:3px solid var(--ac-focus);outline-offset:5px}
.ac-about h1,.ac-about h2,.ac-about p,.ac-about dl,.ac-about dd{margin:0}
.ac-about h1,.ac-about h2{color:var(--ac-purple);font-weight:700}
.ac-inner{width:min(980px,calc(100% - 64px));margin-inline:auto}
.ac-intro{text-align:center;padding-top:47px}
.ac-eyebrow{font-size:20px;color:var(--ac-purple);font-weight:700}
.ac-rule{display:block;width:66px;height:5px;border-radius:5px;background:var(--ac-yellow);margin-top:15px}
.ac-intro .ac-rule{margin-inline:auto;margin-bottom:27px}
.ac-intro h1{font-size:43px;line-height:1.75;letter-spacing:-.7px}
.ac-lead{font-size:20px;line-height:1.95;max-width:690px;margin:17px auto 0!important}
.ac-hero{width:min(820px,100%);margin:21px auto 0;aspect-ratio:1200/560;object-fit:contain}
.ac-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:43px;align-items:center;padding-top:35px;padding-bottom:55px;border-bottom:1px solid var(--ac-line)}
.ac-story-title{padding-inline-end:37px;border-inline-end:1px solid var(--ac-line)}
.ac-story h2{font-size:32px;line-height:1.8;letter-spacing:-.4px}
.ac-story .ac-rule{width:65px;margin-top:17px}
.ac-story p{font-size:17px;line-height:2.05;max-width:490px}
.ac-story p+p{margin-top:14px}
.ac-values{padding-top:30px}
.ac-values h2{font-size:30px;line-height:1.8}
.ac-values>.ac-rule{margin-top:12px;margin-bottom:24px}
.ac-values dl{display:grid;gap:23px}
.ac-value-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:baseline}
.ac-value-row dt{font-weight:700;font-size:21px;color:var(--ac-purple);line-height:1.9}
.ac-value-row dd{font-size:17px;line-height:1.95}
.ac-contact{text-align:center;padding-top:76px;padding-bottom:47px}
.ac-contact h2{font-size:31px;line-height:1.8}
.ac-contact p{font-size:16px;color:var(--ac-ink);margin-top:8px}
.ac-actions{display:flex;justify-content:center;align-items:center;gap:48px;flex-wrap:wrap;margin-top:28px}
.ac-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ac-yellow);border:1px solid transparent;border-radius:15px;min-height:54px;padding:10px 26px;color:#4d2351!important;font-size:16px;font-weight:700;transition:background .15s,box-shadow .15s}
.ac-button:hover{background:#f4b900;box-shadow:0 3px 12px #b385001a}
.ac-contact-link{display:inline-flex;align-items:center;gap:9px;color:var(--ac-purple)!important;font-size:16px;font-weight:700;text-decoration:underline!important;text-underline-offset:8px;text-decoration-thickness:1px!important}
.ac-contact-link:hover{color:#8c4098!important}
@media(min-width:1600px){.ac-inner{width:min(1030px,calc(100% - 80px))}.ac-intro h1{font-size:46px}.ac-hero{width:860px}.ac-story p{font-size:18px}.ac-value-row dd{font-size:18px}}
@media(max-width:1000px){.ac-inner{width:calc(100% - 80px)}.ac-intro h1{font-size:35px}.ac-lead{font-size:18px;max-width:620px}.ac-story{gap:28px}.ac-story h2{font-size:28px}.ac-story-title{padding-inline-end:25px}.ac-story p{font-size:16px}.ac-value-row{gap:28px}.ac-value-row dt{font-size:19px}.ac-value-row dd{font-size:16px}.ac-contact h2{font-size:28px}}
@media(max-width:700px){.ac-inner{width:calc(100% - 48px)}.ac-intro{padding-top:37px}.ac-eyebrow{font-size:17px}.ac-intro h1{font-size:31px;line-height:1.9;max-width:550px;margin-inline:auto}.ac-lead{font-size:16px;max-width:480px}.ac-hero{margin-top:25px}.ac-story{padding-top:30px;padding-bottom:34px;grid-template-columns:1fr;gap:20px}.ac-story-title{border:0;padding:0}.ac-story h2{font-size:27px}.ac-story p{max-width:none}.ac-values{padding-top:28px}.ac-values h2{font-size:27px}.ac-value-row{grid-template-columns:1fr;gap:4px}.ac-values dl{gap:22px}.ac-value-row dt{font-size:20px}.ac-contact{padding-top:52px;padding-bottom:36px}.ac-contact h2{font-size:25px}.ac-contact p{font-size:14px}.ac-actions{gap:25px;margin-top:24px}.ac-button{font-size:14px;padding:10px 21px}.ac-contact-link{font-size:14px}}
@media(max-width:600px){.ac-inner{width:calc(100% - 40px)}.ac-intro{padding-top:29px}.ac-intro .ac-rule{height:4px;width:48px;margin-top:11px;margin-bottom:22px}.ac-intro h1{font-size:29px;letter-spacing:-.4px;line-height:1.85}.ac-lead{font-size:15px;margin-top:13px!important;line-height:2}.ac-hero{width:calc(100% + 18px);max-width:none;margin-inline:-9px;margin-top:26px}.ac-story{padding-top:29px;padding-bottom:31px;gap:18px}.ac-story h2{font-size:26px;line-height:1.8}.ac-story h2 br{display:none}.ac-story .ac-rule{width:48px;height:4px;margin-top:12px}.ac-story p{font-size:16px}.ac-values h2{font-size:25px}.ac-values>.ac-rule{width:48px;height:4px;margin-bottom:22px}.ac-value-row dt{font-size:19px}.ac-value-row dd{font-size:15px;color:#6f6276}.ac-values dl{gap:23px}.ac-contact{padding-top:47px;padding-bottom:33px}.ac-contact h2{font-size:25px;line-height:1.85}.ac-contact p{font-size:14px;line-height:2;max-width:340px;margin:9px auto 0}.ac-actions{gap:24px;flex-direction:column}.ac-button{min-height:50px;width:100%;max-width:340px;border-radius:13px;font-size:15px}.ac-contact-link{font-size:15px}}
@media(max-width:350px){.ac-intro h1{font-size:26px}.ac-value-row dt{font-size:18px}.ac-story h2,.ac-contact h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ac-about *{transition:none!important}}
.ac-hero{height:auto}
