/* AR Glance Section v1.0.0 — SSITP "At A Glance" info card.
   Every control-written value arrives as a CSS var on {{WRAPPER}} and is
   consumed here with its default as the var() fallback — this stylesheet
   declares no control vars of its own, so Elementor's per-device values
   always win. Defaults reproduce the About Us page card exactly. */

.argl-card{background:var(--argl-card-bg,#0A083B); border-radius:var(--argl-card-r,18px);
  padding:var(--argl-card-pad,34px 32px); color:var(--argl-val-c,rgba(255,255,255,.85));
  width:100%; box-sizing:border-box;}
.argl-title{font-size:var(--argl-title-fs,21px); color:var(--argl-title-c,#FFFFFF);
  margin:0 0 var(--argl-title-gap,20px); line-height:1.3;}
.argl-accent{color:var(--argl-accent-c,#DB8927);}
.argl-row{padding:var(--argl-row-pad,13px 0);
  border-top:1px solid var(--argl-div-c,rgba(255,255,255,.13));}
.argl-row:first-child{border-top:none; padding-top:0;}
.argl-nodiv .argl-row{border-top:none;}
.argl-label{display:block; font-size:var(--argl-label-fs,13px); font-weight:700;
  letter-spacing:var(--argl-label-ls,1.6px); text-transform:uppercase;
  color:var(--argl-label-c,#FFFFFF); margin-bottom:3px; line-height:1.45;}
.argl-value{font-size:var(--argl-val-fs,15px); line-height:1.55;}
.argl-value a{color:var(--argl-link-c,#DB8927); text-decoration:none; font-weight:600;}
.argl-value a:hover{color:var(--argl-link-hc,#DB8927);}

/* Hover lift (off by default) */
.argl-hover .argl-card{transition:transform .35s ease, box-shadow .35s ease;}
.argl-hover .argl-card:hover{transform:translateY(calc(var(--argl-lift,6px) * -1));}

/* Entrance animations.
   Hidden state is applied ONLY when JS is running (it adds .argl-anim-on),
   so the card stays fully visible when JS is disabled. */
.argl-anim.argl-anim-on .argl-anim-item{opacity:0;}
.argl-anim.argl-anim-on[data-anim="fade-up"] .argl-anim-item{transform:translateY(30px);}
.argl-anim.argl-anim-on[data-anim="fade-down"] .argl-anim-item{transform:translateY(-30px);}
.argl-anim.argl-anim-on[data-anim="slide-left"] .argl-anim-item{transform:translateX(-42px);}
.argl-anim.argl-anim-on[data-anim="slide-right"] .argl-anim-item{transform:translateX(42px);}
.argl-anim.argl-anim-on[data-anim="zoom"] .argl-anim-item{transform:scale(.94);}
.argl-anim.argl-anim-on .argl-anim-item.in{opacity:1; transform:none;
  transition:opacity .6s ease, transform .6s ease;}
@media (prefers-reduced-motion: reduce){
  .argl-anim.argl-anim-on .argl-anim-item{opacity:1; transform:none; transition:none;}
  .argl-hover .argl-card{transition:none;}
  .argl-hover .argl-card:hover{transform:none;}
}