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