/* A connected three-step panel in FameViso's purple palette. */
#aboutus .AboutArea .imgData{margin-bottom:100px}
#aboutus .AboutArea .imgData .fv-about-steps{position:absolute;left:16px;right:16px;bottom:0;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;margin:0;padding:24px 12px 20px;list-style:none;transform:translateY(42%);border:1px solid #ffffff36;border-radius:26px;background:radial-gradient(ellipse at 90% 0%,#9290e56b,transparent 55%),linear-gradient(135deg,#34334f,#57558d 65%,#4b4879);box-shadow:0 22px 48px #32305235,inset 0 1px 0 #ffffff24;isolation:isolate}
#aboutus .fv-about-steps:before{content:"";position:absolute;left:18%;right:18%;top:54px;height:1px;background:linear-gradient(90deg,#ffffff08,#d3ccff88,#ffffff08);z-index:-1}
#aboutus .AboutArea .imgData .fv-about-step{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;min-width:0;width:auto;min-height:176px;margin:0!important;padding:0 11px;background:none;border:0;border-radius:0;box-shadow:none!important;text-align:center;color:white}
#aboutus .fv-about-step-number{position:absolute;top:-10px;right:6px;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid #ffe0a52e;border-radius:9px;background:#ffcd76;color:#363149;font-size:11px;font-weight:800;letter-spacing:.02em;box-shadow:0 4px 12px #1c17331f;z-index:2}
#aboutus .fv-about-step-icon{display:flex;align-items:center;justify-content:center;flex:none;width:58px;height:58px;margin-bottom:16px;border:1px solid #ffffff45;border-radius:20px;background:linear-gradient(145deg,#9794dd,#6965ac);box-shadow:inset 0 1px 0 #ffffff32,0 9px 20px #211c4f33;color:#fff;transform:rotate(-5deg);transition:transform .2s ease,box-shadow .2s ease}
#aboutus .fv-about-step-icon i{font-size:23px;transform:rotate(5deg)}
#aboutus .fv-about-step-title{display:block;max-width:140px;margin-bottom:7px;color:#fff;font-family:inherit;font-size:13px;font-weight:750;line-height:1.5;letter-spacing:-.01em}
#aboutus .fv-about-step-note{display:block;max-width:142px;color:#e0dff3;font-size:11px;font-weight:400;line-height:1.65}
@media(hover:hover){#aboutus .fv-about-step:hover .fv-about-step-icon{transform:rotate(0deg) translateY(-3px);box-shadow:inset 0 1px 0 #ffffff44,0 13px 24px #211c4f44}}
@media(max-width:1199px){#aboutus .AboutArea .imgData .fv-about-steps{position:relative;left:auto;right:auto;bottom:auto;transform:none;margin:-26px 14px 0}#aboutus .AboutArea .imgData{margin-bottom:24px}}
@media(max-width:575px){
#aboutus .AboutArea .imgData .fv-about-steps{grid-template-columns:1fr;gap:0;margin:-22px 10px 0;padding:7px 18px;border-radius:22px}
#aboutus .fv-about-steps:before{left:43px;right:auto;top:32px;bottom:32px;width:1px;height:auto;background:linear-gradient(#d3ccff22,#d3ccff88,#d3ccff22)}
#aboutus .AboutArea .imgData .fv-about-step{display:grid;grid-template-columns:48px minmax(0,1fr) 25px;grid-template-rows:auto auto;column-gap:14px;min-height:105px;padding:18px 0;text-align:left;align-items:center}
#aboutus .AboutArea .imgData .fv-about-step+.fv-about-step{border-top:1px solid #ffffff16}
#aboutus .fv-about-step-icon{grid-column:1;grid-row:1/3;width:48px;height:48px;margin:0;border-radius:16px}
#aboutus .fv-about-step-icon i{font-size:20px}
#aboutus .fv-about-step-number{position:static;grid-column:3;grid-row:1/3;align-self:center;width:25px;height:25px;border-radius:8px}
#aboutus .fv-about-step-title{grid-column:2;grid-row:1;align-self:end;max-width:none;font-size:13px;margin:0 0 3px}
#aboutus .fv-about-step-note{grid-column:2;grid-row:2;align-self:start;max-width:none;font-size:11px}
}
@media(prefers-reduced-motion:reduce){#aboutus .fv-about-step-icon{transition:none}#aboutus .fv-about-step:hover .fv-about-step-icon{transform:rotate(-5deg)}}

@media(max-width:575px){#aboutus .AboutArea .imgData .fv-about-steps{grid-auto-rows:1fr}}