@keyframes smoothGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-bg{background:linear-gradient(120deg,#000000,#000000 35%,#313131);background-size:200% 200%}.gradient-bg,.gradient-light-bg{animation:smoothGradient 8s ease infinite;transition:background .5s ease;will-change:background-position}.gradient-light-bg{background:linear-gradient(120deg,#93c5fd,#60a5fa 35%,#6ee7b7);background-size:200% 200%}.main-heading{font-size:clamp(3.7rem,4.5vw,5rem);text-align:center;margin:2rem 0}.main-heading,.sub-heading{color:#212529;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.sub-heading{font-size:clamp(2.3rem,3.4vw,3.5rem)}.gradient-heading{background:linear-gradient(90deg,#0753f9,#01ce83,#064eea);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;animation:smoothGradient 8s ease infinite;transition:background .5s ease;will-change:background-position;background-size:200% 200%}.howwework{padding:5rem 0}.howwework__container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.howwework__container__steps__step{gap:1rem;padding:2rem 1rem;color:#fff}.howwework__container__steps__step__title{display:flex;justify-content:space-around;align-items:center;gap:1rem}.howwework__container__steps__step__title__number{font-size:clamp(1rem,1.5vw,1.6rem);background:linear-gradient(135deg,#7b61ff,#8b5cf6);text-align:center;font-weight:700;padding:.5rem 1rem;border-radius:10%;color:#f8f9fa}.howwework__container__steps__step__title__heading{font-size:clamp(1.9rem,1.8vw,2.3rem);font-weight:700;color:#000}.howwework__container__steps__step__description{font-size:clamp(.8rem,1.5vw,1.2rem);padding-block:1.5rem}.howwework__container__steps__step__substeps{display:flex;flex-direction:column;font-size:clamp(.8rem,1.4vw,1.2rem);gap:.7rem;padding-bottom:1.5rem}.howwework__container__steps__step__outcome{font-size:1.2rem;font-weight:700}.howwework__container__steps__step__outcome h5{font-size:clamp(.7rem,1.2vw,1rem)}.howwework__container__principals__content .card{transition:transform .3s ease,box-shadow .3s ease}.howwework__container__principals__content .card:hover{box-shadow:0 10px 20px rgba(0,0,0,.08);transition:all .8s ease-in-out}.howwework__container__principals__content .card .icon-wrapper{background:linear-gradient(135deg,#7b61ff,#8b5cf6);color:#fff;padding:12px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.howwework__container__principals__content .card .icon-wrapper svg{width:22px;height:22px}