/*
Theme Name: Retail Academy
Theme URI: https://www.retailacademy.in
Author: Retail View Training & Consulting
Author URI: https://www.retailview.in
Description: A minimal, corporate theme for Retail Academy — the online training arm of Retail View. Built for Tutor LMS: styled course catalogues, lesson pages, login and student dashboard, plus a modular corporate homepage. Charcoal and the Retail View green-to-aqua accent, no page builder required.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: retail-academy
Tags: education, elearning, corporate, minimal, custom-colors, custom-logo, custom-menu, featured-images, translation-ready, block-styles, wide-blocks
*/

/* ============================================================
   1. Tokens
   ============================================================ */
:root{
  --ra-ink:#333333;            /* Retail View wordmark charcoal */
  --ra-ink-strong:#1D2021;
  --ra-muted:#5E6A66;
  --ra-line:#E5EAE8;
  --ra-mist:#F5F8F7;
  --ra-paper:#FFFFFF;
  --ra-green:#3EE897;          /* logo chevron, spring green */
  --ra-aqua:#35DECB;
  --ra-pale:#7CF3F3;
  --ra-deep:#0B7A57;           /* accessible text/link green */
  --ra-deep-dark:#095E43;
  --ra-grad:linear-gradient(90deg,var(--ra-green) 0%,var(--ra-aqua) 62%,var(--ra-pale) 100%);
  --ra-wrap:1180px;
  --ra-gutter:24px;
  --ra-radius:10px;
  --ra-shadow:0 1px 2px rgba(29,32,33,.04),0 8px 24px rgba(29,32,33,.06);
  --ra-head:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --ra-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

/* ============================================================
   2. Base
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;font-family:var(--ra-body);font-size:17px;line-height:1.65;
  color:var(--ra-ink);background:var(--ra-paper);-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5{font-family:var(--ra-head);color:var(--ra-ink-strong);line-height:1.18;margin:0 0 .5em;font-weight:700;letter-spacing:-.01em}
h1{font-size:clamp(2.1rem,4.6vw,3.35rem);font-weight:800;letter-spacing:-.025em}
h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;letter-spacing:-.02em}
h3{font-size:1.22rem}
h4{font-size:1.05rem}
p{margin:0 0 1.1em}
a{color:var(--ra-deep);text-decoration:none}
a:hover,a:focus{color:var(--ra-deep-dark);text-decoration:underline}
img{max-width:100%;height:auto;display:block}
ul,ol{padding-left:1.15em}
hr{border:0;border-top:1px solid var(--ra-line);margin:2.5rem 0}
blockquote{margin:1.5rem 0;padding:1rem 1.4rem;border-left:3px solid var(--ra-green);background:var(--ra-mist);border-radius:0 var(--ra-radius) var(--ra-radius) 0}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}
:focus-visible{outline:3px solid var(--ra-aqua);outline-offset:2px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;left:16px;top:16px;z-index:999;width:auto;height:auto;clip:auto;background:var(--ra-ink-strong);color:#fff;padding:10px 16px;border-radius:6px}

.ra-wrap{max-width:var(--ra-wrap);margin:0 auto;padding:0 var(--ra-gutter)}
.ra-narrow{max-width:760px;margin:0 auto}
.ra-section{padding:clamp(48px,7vw,88px) 0}
.ra-section--mist{background:var(--ra-mist)}
.ra-section--ink{background:var(--ra-ink-strong);color:#E7ECEA}
.ra-section--ink h2,.ra-section--ink h3{color:#fff}
.ra-eyebrow{font-family:var(--ra-body);font-size:.76rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ra-deep);margin:0 0 .75rem}
.ra-section--ink .ra-eyebrow{color:var(--ra-green)}
.ra-lead{font-size:1.1rem;color:var(--ra-muted);max-width:60ch}
.ra-section--ink .ra-lead{color:#B9C4C0}
.ra-center{text-align:center}
.ra-center .ra-lead{margin-left:auto;margin-right:auto}

/* ============================================================
   3. Buttons
   ============================================================ */
.ra-btn{
  display:inline-flex;align-items:center;gap:.5rem;font-family:var(--ra-body);font-weight:600;
  font-size:.97rem;padding:.78rem 1.5rem;border-radius:999px;border:1px solid transparent;
  cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;text-decoration:none
}
.ra-btn:hover{text-decoration:none;transform:translateY(-1px)}
.ra-btn--primary{background:var(--ra-ink-strong);color:#fff}
.ra-btn--primary:hover{background:#000;color:#fff;box-shadow:var(--ra-shadow)}
.ra-btn--accent{background:var(--ra-grad);color:#0A2C21}
.ra-btn--accent:hover{color:#0A2C21;box-shadow:0 8px 22px rgba(53,222,203,.35)}
.ra-btn--ghost{border-color:var(--ra-line);color:var(--ra-ink);background:#fff}
.ra-btn--ghost:hover{border-color:var(--ra-ink);color:var(--ra-ink)}
.ra-section--ink .ra-btn--ghost{background:transparent;border-color:rgba(255,255,255,.28);color:#fff}
.ra-btn--sm{padding:.55rem 1.1rem;font-size:.88rem}

/* ============================================================
   4. Header
   ============================================================ */
.ra-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--ra-line)}
.ra-header__bar{display:flex;align-items:center;gap:1.5rem;min-height:74px}
.ra-brand{display:flex;align-items:center;gap:.7rem;flex:0 0 auto}
.ra-brand img{max-height:40px;width:auto}
.ra-brand__text{font-family:var(--ra-head);font-weight:800;font-size:1.1rem;letter-spacing:-.02em;color:var(--ra-ink-strong)}
.ra-brand__sub{display:block;font-family:var(--ra-body);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ra-muted);font-weight:600}
.ra-nav{margin-left:auto}
.ra-nav ul{display:flex;align-items:center;gap:1.6rem;list-style:none;margin:0;padding:0}
.ra-nav a{color:var(--ra-ink);font-size:.95rem;font-weight:500;text-decoration:none;padding:.4rem 0;position:relative}
.ra-nav a:hover{color:var(--ra-ink-strong)}
.ra-nav .current-menu-item>a::after,.ra-nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--ra-grad);border-radius:2px}
.ra-nav .sub-menu{display:none;position:absolute;background:#fff;border:1px solid var(--ra-line);border-radius:var(--ra-radius);box-shadow:var(--ra-shadow);padding:.5rem;min-width:210px;flex-direction:column;gap:0}
.ra-nav li{position:relative}
.ra-nav li:hover>.sub-menu,.ra-nav li:focus-within>.sub-menu{display:flex}
.ra-nav .sub-menu a{display:block;padding:.5rem .7rem;border-radius:6px}
.ra-nav .sub-menu a:hover{background:var(--ra-mist)}
.ra-nav .sub-menu a::after{display:none}
.ra-header__cta{display:flex;align-items:center;gap:.6rem;flex:0 0 auto}
.ra-burger{display:none;background:none;border:1px solid var(--ra-line);border-radius:8px;padding:.5rem .6rem;cursor:pointer}
.ra-burger span{display:block;width:20px;height:2px;background:var(--ra-ink);margin:4px 0;border-radius:2px;transition:.2s}
.ra-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.ra-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.ra-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

@media(max-width:900px){
  .ra-burger{display:block;margin-left:auto}
  .ra-nav{order:5;flex-basis:100%;margin-left:0;display:none}
  .ra-nav.is-open{display:block;padding-bottom:1rem}
  .ra-nav ul{flex-direction:column;align-items:stretch;gap:.2rem}
  .ra-nav a{display:block;padding:.65rem .2rem;border-bottom:1px solid var(--ra-line)}
  .ra-nav .sub-menu{display:block;position:static;border:0;box-shadow:none;padding-left:.8rem}
  .ra-header__bar{flex-wrap:wrap}
  .ra-header__cta .ra-btn--ghost{display:none}
}

/* ============================================================
   5. Hero
   ============================================================ */
.ra-hero{position:relative;overflow:hidden;background:var(--ra-paper);padding:clamp(56px,8vw,104px) 0 clamp(48px,7vw,88px)}
.ra-hero::after{content:"";position:absolute;inset:auto -10% -60% 55%;height:520px;background:radial-gradient(closest-side,rgba(62,232,151,.16),rgba(124,243,243,0));pointer-events:none}
.ra-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,64px);align-items:center;position:relative;z-index:1}
.ra-hero h1 .ra-mark{background:var(--ra-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ra-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}
.ra-hero__meta{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:2.2rem;padding-top:1.5rem;border-top:1px solid var(--ra-line)}
.ra-stat__num{font-family:var(--ra-head);font-size:1.65rem;font-weight:800;color:var(--ra-ink-strong);line-height:1}
.ra-stat__label{font-size:.82rem;color:var(--ra-muted);margin-top:.25rem}
.ra-hero__panel{background:var(--ra-mist);border:1px solid var(--ra-line);border-radius:16px;padding:1.6rem;box-shadow:var(--ra-shadow)}
.ra-hero__panel h3{font-size:1rem;margin-bottom:1rem}
.ra-modulelist{list-style:none;margin:0;padding:0}
.ra-modulelist li{display:flex;align-items:center;gap:.8rem;padding:.7rem 0;border-bottom:1px solid var(--ra-line);font-size:.93rem}
.ra-modulelist li:last-child{border-bottom:0}
.ra-chip{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--ra-grad);color:#0A2C21;display:grid;place-items:center;font-family:var(--ra-head);font-weight:800;font-size:.85rem}
.ra-chip--muted{background:#DDE5E2;color:var(--ra-muted)}
@media(max-width:860px){.ra-hero__grid{grid-template-columns:1fr}}

/* ============================================================
   6. Logo strip / trust bar
   ============================================================ */
.ra-trust{border-top:1px solid var(--ra-line);border-bottom:1px solid var(--ra-line);background:var(--ra-paper)}
.ra-trust__inner{display:flex;align-items:center;gap:2.5rem;flex-wrap:wrap;justify-content:center;padding:22px 0}
.ra-trust__label{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ra-muted);font-weight:600}
.ra-trust__logos{display:flex;align-items:center;gap:2.2rem;flex-wrap:wrap;justify-content:center}
.ra-trust__logos img{max-height:28px;width:auto;opacity:.55;filter:grayscale(1);transition:.2s}
.ra-trust__logos img:hover{opacity:1;filter:none}
.ra-trust__word{font-family:var(--ra-head);font-weight:700;color:#9AA6A2;font-size:1rem;letter-spacing:.02em}

/* ============================================================
   7. Cards / grids
   ============================================================ */
.ra-grid{display:grid;gap:22px}
.ra-grid--3{grid-template-columns:repeat(3,1fr)}
.ra-grid--4{grid-template-columns:repeat(4,1fr)}
.ra-grid--2{grid-template-columns:repeat(2,1fr)}
@media(max-width:980px){.ra-grid--3,.ra-grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ra-grid--2,.ra-grid--3,.ra-grid--4{grid-template-columns:1fr}}

.ra-card{background:#fff;border:1px solid var(--ra-line);border-radius:var(--ra-radius);padding:1.5rem;transition:.18s;height:100%}
.ra-card:hover{box-shadow:var(--ra-shadow);transform:translateY(-2px)}
.ra-card h3{margin-bottom:.4rem}
.ra-card p{color:var(--ra-muted);font-size:.96rem;margin-bottom:0}
.ra-card__icon{width:42px;height:42px;border-radius:10px;background:var(--ra-mist);display:grid;place-items:center;margin-bottom:1rem;font-family:var(--ra-head);font-weight:800;color:var(--ra-deep)}
.ra-section--ink .ra-card{background:#2A2E30;border-color:#3A3F41}
.ra-section--ink .ra-card p{color:#AFBAB6}

/* steps */
.ra-step{position:relative;padding-top:1.4rem;border-top:2px solid var(--ra-line)}
.ra-step__num{font-family:var(--ra-head);font-weight:800;font-size:.8rem;letter-spacing:.14em;color:var(--ra-deep);text-transform:uppercase}
.ra-step h3{font-size:1.08rem;margin:.5rem 0 .35rem}
.ra-step p{color:var(--ra-muted);font-size:.95rem;margin:0}
.ra-step--active{border-top-color:transparent;background-image:var(--ra-grad);background-size:100% 2px;background-repeat:no-repeat;background-position:top}

/* course card */
.ra-course{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ra-line);border-radius:var(--ra-radius);overflow:hidden;height:100%;transition:.18s}
.ra-course:hover{box-shadow:var(--ra-shadow);transform:translateY(-2px)}
.ra-course__thumb{aspect-ratio:16/9;background:var(--ra-ink-strong);position:relative;overflow:hidden}
.ra-course__thumb img{width:100%;height:100%;object-fit:cover}
.ra-course__thumb--empty{display:grid;place-items:center;background:linear-gradient(135deg,#2B3134,#1D2021)}
.ra-course__thumb--empty span{font-family:var(--ra-head);font-weight:800;font-size:1.5rem;background:var(--ra-grad);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.04em}
.ra-course__body{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.ra-course__cat{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ra-deep);font-weight:600}
.ra-course__title{font-size:1.08rem;margin:0}
.ra-course__title a{color:var(--ra-ink-strong);text-decoration:none}
.ra-course__excerpt{font-size:.93rem;color:var(--ra-muted);margin:0}
.ra-course__meta{margin-top:auto;padding-top:.9rem;border-top:1px solid var(--ra-line);display:flex;gap:1rem;font-size:.82rem;color:var(--ra-muted)}

/* trainers */
.ra-trainer{text-align:center}
.ra-trainer__photo{width:128px;height:128px;border-radius:50%;object-fit:cover;margin:0 auto .9rem;border:3px solid #fff;box-shadow:var(--ra-shadow);background:var(--ra-mist)}
.ra-trainer h3{font-size:1.05rem;margin-bottom:.15rem}
.ra-trainer__role{font-size:.85rem;color:var(--ra-deep);font-weight:600;margin-bottom:.5rem}
.ra-trainer p{font-size:.92rem;color:var(--ra-muted)}

/* testimonial */
.ra-quote{position:relative;background:#fff;border:1px solid var(--ra-line);border-left:0;border-radius:0 var(--ra-radius) var(--ra-radius) 0;padding:1.5rem 1.5rem 1.5rem 1.7rem;height:100%}
.ra-quote::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ra-grad);border-radius:3px 0 0 3px}
.ra-quote p{font-size:1rem;margin-bottom:1rem}
.ra-quote cite{font-style:normal;font-size:.87rem;color:var(--ra-muted);display:block}
.ra-quote cite strong{display:block;color:var(--ra-ink-strong);font-weight:600;font-style:normal}

/* CTA band */
.ra-cta{background:var(--ra-ink-strong);color:#fff;border-radius:16px;padding:clamp(28px,4vw,48px);display:flex;gap:2rem;align-items:center;justify-content:space-between;flex-wrap:wrap;position:relative;overflow:hidden}
.ra-cta::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--ra-grad)}
.ra-cta h2{color:#fff;margin-bottom:.4rem}
.ra-cta p{color:#B9C4C0;margin:0;max-width:54ch}

/* ============================================================
   8. Page / post content
   ============================================================ */
.ra-page-hero{background:var(--ra-mist);border-bottom:1px solid var(--ra-line);padding:clamp(40px,6vw,72px) 0}
.ra-page-hero h1{margin-bottom:.35rem}
.ra-breadcrumb{font-size:.82rem;color:var(--ra-muted);margin-bottom:.9rem}
.ra-content{padding:clamp(40px,6vw,72px) 0}
.ra-prose{max-width:760px}
.ra-prose img,.ra-prose .wp-block-image{border-radius:var(--ra-radius);margin:1.6rem 0}
.ra-prose h2{margin-top:2rem}
.ra-prose h3{margin-top:1.6rem}
.ra-prose ul li,.ra-prose ol li{margin-bottom:.4rem}
.ra-prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}
.ra-prose th{background:var(--ra-ink-strong);color:#fff;text-align:left;padding:.7rem .9rem;font-weight:600}
.ra-prose td{border:1px solid var(--ra-line);padding:.7rem .9rem}
.ra-prose tr:nth-child(even) td{background:var(--ra-mist)}
.ra-meta{font-size:.85rem;color:var(--ra-muted);margin-bottom:1.2rem}
.ra-posts{display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.ra-posts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ra-posts{grid-template-columns:1fr}}
.ra-pagination{display:flex;gap:.4rem;margin-top:2.5rem;flex-wrap:wrap}
.ra-pagination .page-numbers{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 .6rem;border:1px solid var(--ra-line);border-radius:8px;color:var(--ra-ink);text-decoration:none}
.ra-pagination .current{background:var(--ra-ink-strong);color:#fff;border-color:var(--ra-ink-strong)}

/* ============================================================
   9. Footer
   ============================================================ */
.ra-footer{background:var(--ra-ink-strong);color:#B9C4C0;padding:clamp(44px,6vw,68px) 0 0;margin-top:0}
.ra-footer__top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:2.2rem;padding-bottom:2.5rem}
@media(max-width:860px){.ra-footer__top{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.ra-footer__top{grid-template-columns:1fr}}
.ra-footer img{max-height:38px;margin-bottom:1rem}
.ra-footer h4{color:#fff;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.9rem}
.ra-footer ul{list-style:none;margin:0;padding:0}
.ra-footer li{margin-bottom:.5rem}
.ra-footer a{color:#B9C4C0;font-size:.94rem;text-decoration:none}
.ra-footer a:hover{color:#fff;text-decoration:none}
.ra-footer p{font-size:.94rem}
.ra-footer__bottom{border-top:1px solid #3A3F41;padding:1.2rem 0;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem}
.ra-footer__bottom a{text-decoration:underline}

/* ============================================================
   10. Tutor LMS
   ============================================================ */
.tutor-wrap,.tutor-container{max-width:var(--ra-wrap)!important;margin:0 auto!important;padding:0 var(--ra-gutter)}
.tutor-page-wrap{padding:clamp(32px,5vw,56px) 0}
body.tutor-lms .tutor-btn-primary,
.tutor-btn.tutor-btn-primary{background:var(--ra-ink-strong)!important;border-color:var(--ra-ink-strong)!important;border-radius:999px!important}
.tutor-btn.tutor-btn-primary:hover{background:#000!important}
.tutor-course-name a,.tutor-course-card h3 a{color:var(--ra-ink-strong)!important;font-family:var(--ra-head)}
.tutor-card{border-radius:var(--ra-radius)!important;border:1px solid var(--ra-line)!important;box-shadow:none!important}
.tutor-card:hover{box-shadow:var(--ra-shadow)!important}
.tutor-progress-bar,.tutor-progress-value{background-image:var(--ra-grad)!important}
.tutor-dashboard-permalinks a.is-active,.tutor-dashboard-menu-item.active a{border-left:3px solid var(--ra-green)!important;color:var(--ra-ink-strong)!important}
.tutor-quiz-question-title,.tutor-lesson-title{font-family:var(--ra-head)}
/* keep lesson video comfortable on phones */
.tutor-video-player,.tutor-lesson-wrapper video{border-radius:var(--ra-radius);overflow:hidden}

/* login */
.ra-login{max-width:420px;margin:0 auto;background:#fff;border:1px solid var(--ra-line);border-radius:var(--ra-radius);padding:2rem;box-shadow:var(--ra-shadow)}
.ra-login input[type=text],.ra-login input[type=password],.ra-login input[type=email]{
  width:100%;padding:.75rem .9rem;border:1px solid var(--ra-line);border-radius:8px;font:inherit;margin-bottom:1rem}
.ra-login .ra-btn{width:100%;justify-content:center}

/* forms in general */
input[type=text],input[type=email],input[type=tel],input[type=url],input[type=password],input[type=search],textarea,select{
  font:inherit;color:var(--ra-ink);padding:.7rem .85rem;border:1px solid var(--ra-line);border-radius:8px;background:#fff;width:100%;max-width:100%}
textarea{min-height:140px}
input:focus,textarea:focus,select:focus{border-color:var(--ra-aqua);outline:none;box-shadow:0 0 0 3px rgba(53,222,203,.18)}
button,input[type=submit]{font:inherit}
.wpcf7 form .wpcf7-response-output{border-radius:8px;border-color:var(--ra-line)}

/* ============================================================
   11. Utilities & motion
   ============================================================ */
.ra-mb-0{margin-bottom:0}
.ra-mt-2{margin-top:2rem}
.ra-divider{height:3px;width:64px;background:var(--ra-grad);border-radius:3px;margin:1.2rem 0}
.ra-center .ra-divider{margin-left:auto;margin-right:auto}
.ra-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.ra-reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .ra-reveal{opacity:1;transform:none;transition:none}
  .ra-btn:hover,.ra-card:hover,.ra-course:hover{transform:none}
}
@media print{.ra-header,.ra-footer,.ra-cta{display:none}}

/* WordPress core alignment classes */
.alignleft{float:left;margin:.3rem 1.5rem 1rem 0}
.alignright{float:right;margin:.3rem 0 1rem 1.5rem}
.aligncenter{margin-left:auto;margin-right:auto}
.alignwide{max-width:1100px;margin-left:auto;margin-right:auto}
.alignfull{max-width:100%}
.wp-caption-text,figcaption{font-size:.85rem;color:var(--ra-muted);text-align:center}
.sticky{border-left:3px solid var(--ra-green);padding-left:1rem}