.klk-pg{ --teal:#179292; --teal-dark:#0E6B6B; --teal-deep:#0A3B3A; --teal-soft:#E8F4F4; --copper:#D4965B; --ink:#171717; --text:#404040; --muted:#737373; --line:#E5E5E5; --bg:#F6F8F8; --white:#fff; --radius:8px; --shadow:0 14px 40px rgba(16,60,60,.08); font-family:Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:16px; line-height:1.7; color:var(--text); background:var(--white); -webkit-font-smoothing:antialiased; overflow-x:clip; } .klk-pg *,.klk-pg *::before,.klk-pg *::after{box-sizing:border-box} .klk-pg img{max-width:100%;height:auto;display:block} .klk-pg a{color:var(--teal);text-decoration:none} .klk-pg a:hover{color:var(--copper)} .klk-pg p{margin:0 0 16px;color:var(--text);font-size:16px;line-height:1.75} .klk-pg p:last-child{margin-bottom:0} .klk-pg ul,.klk-pg ol{margin:0 0 18px;padding-left:20px} .klk-pg li{margin-bottom:8px} .klk-pg h1,.klk-pg h2,.klk-pg h3,.klk-pg h4{ font-family:Teko,"Arial Narrow",sans-serif; font-weight:500; text-transform:uppercase; color:var(--ink); letter-spacing:.01em; line-height:1.08; margin:0; } .klk-pg h1{font-size:clamp(44px,5.4vw,76px)} .klk-pg h2{font-size:clamp(32px,3.6vw,46px);margin-bottom:14px} .klk-pg h3{font-size:clamp(21px,1.9vw,26px);margin-bottom:8px} .klk-pg h4{font-size:19px;margin-bottom:6px} .klk-pg .wrap{max-width:1240px;margin:0 auto;padding:0 28px} .klk-pg .sec{padding:88px 0} .klk-pg .sec.sm{padding:64px 0} .klk-pg .sec.alt{background:var(--bg)} .klk-pg .sec.tight{padding-top:0} .klk-pg .sec-head{max-width:780px;margin-bottom:44px} .klk-pg .sec-head.center{margin-left:auto;margin-right:auto;text-align:center} .klk-pg .eyebrow{ display:inline-flex;align-items:center;gap:10px; font-family:Montserrat,sans-serif;font-size:12px;font-weight:700; letter-spacing:.18em;text-transform:uppercase;color:var(--copper); margin-bottom:14px; } .klk-pg .eyebrow::before{content:"";width:26px;height:2px;background:var(--copper);display:inline-block} .klk-pg .sec-head.center .eyebrow::before{display:none} .klk-pg .lead{font-size:17px;line-height:1.7;color:var(--muted);max-width:720px;margin:0} .klk-pg .sec-head.center .lead{margin-left:auto;margin-right:auto} .klk-pg .pg-hero{ position:relative;color:#fff;overflow:hidden; padding:38px 0 74px;min-height:360px;display:flex;align-items:center; background:linear-gradient(105deg,rgba(7,33,33,.94) 0%,rgba(8,40,40,.82) 42%,rgba(10,48,48,.46) 100%),var(--hero-img) center/cover no-repeat; } .klk-pg .pg-hero::after{ content:"";position:absolute;left:0;right:0;bottom:0;height:5px; background:linear-gradient(90deg,var(--copper),rgba(212,150,91,0)); } .klk-pg .pg-hero .wrap{position:relative;z-index:2;width:100%} .klk-pg .crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:38px} .klk-pg .crumbs a{color:rgba(255,255,255,.7)} .klk-pg .crumbs a:hover{color:#fff} .klk-pg .crumbs span{color:rgba(255,255,255,.35)} .klk-pg .crumbs b{color:var(--copper);font-weight:700} .klk-pg .pg-hero .eyebrow{color:#E9BE92;margin-bottom:16px} .klk-pg .pg-hero .eyebrow::before{background:#E9BE92} .klk-pg .pg-hero h1{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.18)} .klk-pg .pg-hero .lead{color:rgba(255,255,255,.86);font-size:18px;max-width:680px;margin-top:16px} .klk-pg .pg-hero .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px} .klk-pg .pg-hero .hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px} .klk-pg .pg-hero .hero-meta span{ font-size:12.5px;font-weight:600;letter-spacing:.04em; padding:7px 14px;border:1px solid rgba(255,255,255,.24);border-radius:999px; color:rgba(255,255,255,.85);background:rgba(255,255,255,.07); } .klk-pg .btn{ display:inline-flex;align-items:center;gap:10px; font-family:Teko,sans-serif;font-size:18px;font-weight:500;letter-spacing:.1em; text-transform:uppercase;line-height:1; padding:17px 30px;border:1px solid transparent;border-radius:0; background:var(--teal);color:#fff;cursor:pointer;transition:.22s ease; } .klk-pg .btn:hover{background:var(--copper);color:#fff;transform:translateY(-2px)} .klk-pg .btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2} .klk-pg .btn.ghost{background:transparent;border-color:rgba(255,255,255,.45);color:#fff} .klk-pg .btn.ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff} .klk-pg .btn.ghost-dark{background:transparent;border-color:var(--teal);color:var(--teal)} .klk-pg .btn.ghost-dark:hover{background:var(--teal);color:#fff} .klk-pg .link-more{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)} .klk-pg .link-more svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .2s} .klk-pg .link-more:hover svg{transform:translateX(4px)} .klk-pg .grid{display:grid;gap:24px} .klk-pg .g2{grid-template-columns:repeat(2,minmax(0,1fr))} .klk-pg .g3{grid-template-columns:repeat(3,minmax(0,1fr))} .klk-pg .g4{grid-template-columns:repeat(4,minmax(0,1fr))} .klk-pg .card{ background:#fff;border:1px solid var(--line);border-radius:var(--radius); padding:30px 28px;transition:.24s ease;position:relative; } .klk-pg .card:hover{transform:translateY(-4px);border-color:#BFDCDC;box-shadow:var(--shadow)} .klk-pg .card p{font-size:14.5px;color:var(--muted);margin:0} .klk-pg .card h3{font-size:22px} .klk-pg .icon{ width:52px;height:52px;border-radius:10px;background:var(--teal-soft); display:flex;align-items:center;justify-content:center;margin-bottom:18px; } .klk-pg .icon svg{width:25px;height:25px;stroke:var(--teal);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .klk-pg .num{font-family:Teko,sans-serif;font-size:38px;line-height:1;color:rgba(23,146,146,.22);position:absolute;top:18px;right:22px} .klk-pg .split{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center} .klk-pg .split.rev .media{order:2} .klk-pg .split.find{grid-template-columns:.9fr 1.1fr} .klk-pg .split .media{position:relative} .klk-pg .split .media img{border-radius:var(--radius);width:100%;box-shadow:var(--shadow)} .klk-pg .media-badge{ position:absolute;right:-14px;bottom:-18px;background:var(--teal);color:#fff; padding:20px 24px;border-radius:6px;min-width:150px;box-shadow:0 16px 40px rgba(10,60,60,.25); } .klk-pg .media-badge b{display:block;font-family:Teko,sans-serif;font-size:40px;line-height:1;font-weight:500} .klk-pg .media-badge span{font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.85} .klk-pg .check-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px} .klk-pg .check-list li{position:relative;padding-left:32px;margin:0;font-size:15px;color:var(--text)} .klk-pg .check-list li::before{ content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%; background:var(--teal-soft);box-shadow:inset 0 0 0 5px var(--teal); } .klk-pg .stat-band{ background:linear-gradient(120deg,#0B3B3A 0%,#12605F 60%,#179292 100%); color:#fff;position:relative;overflow:hidden; } .klk-pg .stat-band::before{ content:"";position:absolute;inset:0; background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 20px); pointer-events:none; } .klk-pg .stat-band .wrap{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-top:52px;padding-bottom:52px} .klk-pg .stat{padding:4px 26px;border-left:1px solid rgba(255,255,255,.16)} .klk-pg .stat:first-child{border-left:0;padding-left:0} .klk-pg .stat b{display:block;font-family:Teko,sans-serif;font-size:clamp(42px,4.6vw,60px);font-weight:500;line-height:.95;color:#fff} .klk-pg .stat b i{font-style:normal;color:var(--copper)} .klk-pg .stat span{display:block;margin-top:8px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.68)} .klk-pg .timeline{position:relative;margin-top:8px;padding-left:34px} .klk-pg .timeline::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--teal),rgba(23,146,146,.12))} .klk-pg .tl-item{position:relative;padding:0 0 34px 0} .klk-pg .tl-item:last-child{padding-bottom:0} .klk-pg .tl-item::before{ content:"";position:absolute;left:-34px;top:7px;width:16px;height:16px;border-radius:50%; background:#fff;border:3px solid var(--teal);box-shadow:0 0 0 4px rgba(23,146,146,.12); } .klk-pg .tl-year{font-family:Teko,sans-serif;font-size:27px;line-height:1;color:var(--teal);letter-spacing:.02em} .klk-pg .tl-item h4{font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;text-transform:none;letter-spacing:0;margin:6px 0 6px;color:var(--ink)} .klk-pg .tl-item p{font-size:14.5px;color:var(--muted);margin:0;max-width:640px} .klk-pg .quote-block{ display:grid;grid-template-columns:96px 1fr;gap:28px;align-items:start; border-left:3px solid var(--copper);padding:6px 0 6px 30px; } .klk-pg .quote-block .qmark{font-family:Teko,sans-serif;font-size:96px;line-height:.7;color:var(--copper);opacity:.55} .klk-pg blockquote{ margin:0 0 18px;font-family:Teko,sans-serif;font-size:clamp(26px,2.6vw,34px); line-height:1.25;color:var(--ink);text-transform:uppercase;letter-spacing:.01em; } .klk-pg .signature{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)} .klk-pg .signature span{display:block;font-weight:500;letter-spacing:.04em;color:var(--muted);text-transform:none;margin-top:3px} .klk-pg .pills{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none} .klk-pg .pills li{ margin:0;font-size:13px;font-weight:600;color:var(--text); background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px; } .klk-pg .region{margin-bottom:26px} .klk-pg .region h4{font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);margin-bottom:12px} .klk-pg .feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:22px} .klk-pg .feature-row.five{grid-template-columns:repeat(5,1fr)} .klk-pg .feature{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px} .klk-pg .feature h4{font-family:Teko,sans-serif;font-size:20px;text-transform:uppercase} .klk-pg .feature p{font-size:13.5px;color:var(--muted);margin:0} .klk-pg .tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff} .klk-pg table{width:100%;border-collapse:collapse;font-size:14.5px} .klk-pg th,.klk-pg td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top} .klk-pg thead th{background:var(--teal);color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700} .klk-pg tbody tr:nth-child(even){background:#FAFCFC} .klk-pg tbody tr:last-child td{border-bottom:0} .klk-pg td strong{color:var(--ink)} .klk-pg .cta{ background:linear-gradient(115deg,#0B3B3A 0%,#12605F 55%,#179292 100%); color:#fff;border-radius:var(--radius);padding:58px 56px;position:relative;overflow:hidden; } .klk-pg .cta::after{ content:"";position:absolute;right:-60px;top:-80px;width:340px;height:340px;border-radius:50%; background:radial-gradient(circle,rgba(212,150,91,.28),transparent 65%); } .klk-pg .cta h2{color:#fff;max-width:720px} .klk-pg .cta p{color:rgba(255,255,255,.82);max-width:620px;font-size:16px} .klk-pg .cta .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px} .klk-pg .cta .btn.primary-light{background:#fff;color:var(--teal-dark)} .klk-pg .cta .btn.primary-light:hover{background:var(--copper);color:#fff} .klk-pg details.qa{ background:#fff;border:1px solid var(--line);border-radius:var(--radius); margin-bottom:12px;overflow:hidden;transition:border-color .2s; } .klk-pg details.qa[open]{border-color:#BFDCDC;box-shadow:var(--shadow)} .klk-pg details.qa summary{ cursor:pointer;list-style:none;padding:20px 24px;display:flex;gap:18px;align-items:flex-start; font-family:Montserrat,sans-serif;font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.45; } .klk-pg details.qa summary::-webkit-details-marker{display:none} .klk-pg details.qa summary::after{content:"+";margin-left:auto;font-family:Teko,sans-serif;font-size:26px;line-height:1;color:var(--teal);font-weight:500} .klk-pg details.qa[open] summary::after{content:"\2013"} .klk-pg details.qa .a{padding:0 24px 22px;font-size:14.5px;color:var(--text);line-height:1.75;border-top:1px dashed var(--line);margin-top:-1px;padding-top:18px} .klk-pg details.qa .a p{margin:0 0 10px;font-size:14.5px} .klk-pg details.qa .a p:last-child{margin:0} .klk-pg .contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px} .klk-pg .contact-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;transition:.2s} .klk-pg .contact-card:hover{border-color:#BFDCDC;box-shadow:var(--shadow);transform:translateY(-3px)} .klk-pg .contact-card .icon{margin-bottom:16px} .klk-pg .contact-card h4{font-family:Teko,sans-serif;font-size:20px;text-transform:uppercase;margin-bottom:6px} .klk-pg .contact-card p,.klk-pg .contact-card a{font-size:14px;color:var(--text);margin:0;word-break:break-word} .klk-pg .contact-card a{font-weight:600} .klk-pg .contact-card small{display:block;margin-top:8px;font-size:12px;color:var(--muted)} .klk-pg .form-wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:start} .klk-pg .form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:38px 36px;box-shadow:var(--shadow)} .klk-pg .form-card h3{font-size:28px;margin-bottom:6px} .klk-pg .form-card .sub{font-size:13.5px;color:var(--muted);margin-bottom:24px} .klk-pg .jelly-form .form-field label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:7px} .klk-pg .jelly-form .form-field input,.klk-pg .jelly-form .form-field textarea{ border:1px solid var(--line);border-radius:4px;padding:13px 14px;font-size:14px;color:var(--text); background:#FBFCFC;transition:.18s;font-family:Montserrat,sans-serif; } .klk-pg .jelly-form .form-field input:focus,.klk-pg .jelly-form .form-field textarea:focus{ outline:none;border-color:var(--teal);background:#fff;box-shadow:0 0 0 3px rgba(23,146,146,.1); } .klk-pg .jelly-form .form-submit{ background:var(--teal);color:#fff;border:0;border-radius:0;padding:17px 30px; font-family:Teko,sans-serif;font-size:18px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer; transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:8px; } .klk-pg .jelly-form .form-submit:hover{background:var(--copper)} .klk-pg .jelly-form .required{color:var(--copper)} .klk-pg .form-note{font-size:12px;color:var(--muted);margin-top:14px} .klk-pg .form-note a{text-decoration:underline} .klk-pg .next-steps{list-style:none;padding:0;margin:0;display:grid;gap:20px} .klk-pg .next-steps li{position:relative;padding-left:52px;margin:0} .klk-pg .next-steps li b{ position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%; background:var(--teal-soft);color:var(--teal);display:flex;align-items:center;justify-content:center; font-family:Teko,sans-serif;font-size:19px; } .klk-pg .next-steps h4{font-family:Teko,sans-serif;font-size:20px;text-transform:uppercase;margin-bottom:3px} .klk-pg .next-steps p{font-size:14px;color:var(--muted);margin:0} .klk-pg .map{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;line-height:0} .klk-pg .map iframe{width:100%;height:430px;border:0;display:block;filter:grayscale(.15)} .klk-pg .map-mount{height:430px;display:flex;align-items:center;justify-content:center;background:#F1F6F6;line-height:1.6;font-size:14px;text-align:center;padding:20px} .klk-pg .map-mount iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.15)} .klk-pg .form-mount{min-height:120px} .klk-pg .social{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px} .klk-pg .social a{ width:42px;height:42px;border:1px solid var(--line);border-radius:50%; display:flex;align-items:center;justify-content:center;color:var(--muted);transition:.2s; } .klk-pg .social a:hover{background:var(--teal);border-color:var(--teal);color:#fff} .klk-pg .social svg{width:18px;height:18px;fill:currentColor} .klk-pg .cat-stack{display:grid;gap:22px} .klk-pg .cat-row{ display:grid;grid-template-columns:.9fr 1.6fr;gap:36px;align-items:center; background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px 36px; transition:.22s; } .klk-pg .cat-row:hover{border-color:#BFDCDC;box-shadow:var(--shadow)} .klk-pg .cat-row .cat-title h3{margin-bottom:8px} .klk-pg .cat-row .cat-title p{font-size:14px;color:var(--muted);margin:0} .klk-pg .cat-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 26px;margin:0;padding:0;list-style:none} .klk-pg .cat-links li{margin:0} .klk-pg .cat-links a{ display:flex;justify-content:space-between;gap:10px;align-items:center; padding:9px 0;border-bottom:1px dashed var(--line); font-size:14px;font-weight:600;color:var(--text);transition:.18s; } .klk-pg .cat-links a:hover{color:var(--teal);border-color:var(--teal)} .klk-pg .cat-links a svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;opacity:.55} .klk-pg .badge-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:38px;padding:8px 0} .klk-pg .badge-row img{height:46px;width:auto;opacity:.75;transition:.2s;filter:grayscale(1)} .klk-pg .badge-row img:hover{opacity:1;filter:none} .klk-pg .note{font-size:12.5px;color:var(--muted);margin-top:18px} .klk-pg .anchor-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px} .klk-pg .anchor-nav a{ font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase; border:1px solid var(--line);background:#fff;color:var(--text); padding:9px 16px;border-radius:999px;transition:.2s; } .klk-pg .anchor-nav a:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-soft)} .klk-pg .service-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .klk-pg .service-nav a{ display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius); padding:24px;color:var(--ink);transition:.2s; } .klk-pg .service-nav a:hover{border-color:var(--teal);box-shadow:var(--shadow);transform:translateY(-3px);color:var(--ink)} .klk-pg .service-nav h4{font-size:21px} .klk-pg .service-nav p{font-size:13px;color:var(--muted);margin:0} .klk-pg .service-nav .go{ display:inline-flex;align-items:center;gap:6px;margin-top:14px; font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal); } .klk-pg .service-nav .go svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2} @media (max-width:1080px){ .klk-pg .g4{grid-template-columns:repeat(2,minmax(0,1fr))} .klk-pg .stat-band .wrap{grid-template-columns:repeat(2,1fr);row-gap:34px} .klk-pg .stat:nth-child(3){border-left:0;padding-left:0} .klk-pg .contact-cards{grid-template-columns:repeat(2,1fr)} .klk-pg .form-wrap{grid-template-columns:1fr;gap:40px} .klk-pg .service-nav{grid-template-columns:repeat(2,1fr)} .klk-pg .feature-row{grid-template-columns:repeat(2,1fr)} .klk-pg .cat-row{grid-template-columns:1fr;gap:20px} } @media (max-width:860px){ .klk-pg .sec{padding:64px 0} .klk-pg .g3{grid-template-columns:repeat(2,minmax(0,1fr))} .klk-pg .split{grid-template-columns:1fr;gap:34px} .klk-pg .split.find{grid-template-columns:1fr} .klk-pg .split.rev .media{order:0} .klk-pg .media-badge{position:static;display:inline-block;margin-top:16px} .klk-pg .pg-hero{padding:30px 0 56px;min-height:0} .klk-pg .crumbs{margin-bottom:28px} .klk-pg .quote-block{grid-template-columns:1fr;gap:8px;padding-left:22px} .klk-pg .quote-block .qmark{font-size:60px} .klk-pg .cta{padding:44px 30px} } @media (max-width:620px){ .klk-pg .wrap{padding:0 20px} .klk-pg .g2,.klk-pg .g3,.klk-pg .g4{grid-template-columns:1fr} .klk-pg .stat-band .wrap{grid-template-columns:1fr;row-gap:26px} .klk-pg .stat{border-left:0;padding:0 0 22px;border-bottom:1px solid rgba(255,255,255,.14)} .klk-pg .stat:last-child{border-bottom:0;padding-bottom:0} .klk-pg .contact-cards{grid-template-columns:1fr} .klk-pg .service-nav{grid-template-columns:1fr} .klk-pg .feature-row{grid-template-columns:1fr} .klk-pg .cat-links{grid-template-columns:1fr} .klk-pg .form-card{padding:28px 22px} .klk-pg .cta{padding:36px 24px} .klk-pg .btn{width:100%;justify-content:center} .klk-pg .badge-row{gap:24px} .klk-pg .badge-row img{height:36px} .klk-pg .timeline{padding-left:28px} .klk-pg .tl-item::before{left:-28px} }