@keyframes slideImages{ from{ transform: translateX(0); } to{ transform: translateX(-100%); } } @keyframes fadeIn{ from{opacity: 0;} to{opacity: 1;} } @keyframes fadeOut{ from{opacity: 1;} to{opacity: 0;} } @keyframes heroImg{ 0%{ opacity: 1; scale: 1; } 100% { opacity: 0; scale: 3; } } @keyframes scaleIn{ 0%{ opacity: 0; scale: 0.8; } 100%{ opacity: 1; scale: 1; } } @keyframes buttonIn{ from{ gap: 3.125rem; opacity: 0; } to{ gap: 1.25rem; opacity: 1; } } @keyframes reveal{ from{ background-position-x: 200%; } to{ background-position-x: 0%; } } @keyframes openIn{ from{ transform: translateY(12.5rem); opacity: 0; } to{ transform: translateY(0); opacity: 1; } } @keyframes slideLeft{ from{ transform: translateX(-12.5rem); opacity: 0; } to{ transform: translateX(0rem); opacity: 1; } } @keyframes slideRight{ from{ transform: translateX(12.5rem); opacity: 0; } to{ transform: translateX(0rem); opacity: 1; } } @keyframes divider{ from{ max-width: 0; } to{ max-width: 100%; } } @keyframes servicesHeader{ from{ opacity: 0; padding: 0rem 6.25rem; } to{ opacity: 1; padding: 0; } } @keyframes flexOpen{ from{ gap: 0rem; opacity: 0%; } to{ gap: 5rem; opacity: 100%; } } @keyframes advantageOpen{ from{opacity: 0; gap: 0;} to{opacity: 1; gap: 5rem;} } @keyframes sigiersOpen{ from{ gap: 0rem; opacity: 0%; } to{ gap: 2.5rem; opacity: 100%; } } @keyframes servicesType{ from{ gap: 0rem; opacity: 0%; } to{ gap: 1.25rem; opacity: 100%; } } @keyframes scrollContainer{ from{ opacity: 0; width: 31.25rem; } to{ opacity: 1; width: 50rem; } } @keyframes solutionType{ from{opacity: 0; gap: 0;} to{opacity: 1; gap: 6.25rem;} } @keyframes navigationContentImg{ from{ transform: translateY(6.25rem); scale: 0.7; opacity: 0; } to{ transform: translateY(0rem); scale: 1; opacity: 1; } } @keyframes marketingMix{ from{ transform: translateX(-31.25rem); scale: 0.5; opacity: 0; } to{ transform: translateX(0rem); scale: 1; opacity: 1; } } @keyframes stakeHolder{ from{ gap: 0;} to{opacity: 1; gap: 3.125rem;} } @keyframes overview-cont{ from{opacity: 0; gap: 0rem;} to{opacity: 1; gap: 3.125rem;} } @keyframes inm-cont{ from{opacity: 0; gap: 12.5rem;} to{opacity: 1; gap: 2.5rem;} } @keyframes dia-cont{ from{opacity: 0; gap: 0rem;} to{opacity: 1; gap: 6.25rem;} } @keyframes dia-img{ from{ scale: 0.5;} to{ scale: 1;} }