.about .hero{height:100dvh;position:relative}.about .hero .heroContent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content!important}.about .hero .heroContent h1{width:max-content;margin:auto!important}.about .hero .heroContent .aboutBtn:hover svg{transform:rotate(90deg)}.about .hero .heroContent .aboutBtn[dir=rtl]:hover svg{transform:rotate(-90deg)}.about .spotLightCards h2{text-transform:uppercase}.about .spotLightCards .Spotcard h3{text-transform:capitalize;justify-content:center;align-items:center;display:flex}.about .spotLightCards .Spotcard h3 .step{background-color:var(--secondary);width:1.875rem;height:1.875rem;color:var(--primary);border-radius:50%;flex-shrink:0;place-content:center;align-items:center;margin-inline-end:.625rem;font-weight:700;line-height:1;display:inline-flex}