Directory

MAVA Partners Modernize & Augment at high Value with Access to the best!Let's make you a hero!  /* MAVA Partners is Software for Success! We're your local A-team for Software, A.I., Cloud & Web Services. Perfect for enterprise, startups & small to mid-sized businesses! Let's make you a tech hero! */ .flashing-container { font-family: Agenda-regular-bold, sans-serif; font-size: 24px; text-align: left; padding: 20px; } /* Apply flashing animation to each sentence */ .sentence { opacity: 0; /* Initially hide all sentences */ animation: flash 3s forwards; /* Flash animation duration */ margin-bottom: 15px; /* Add spacing between sentences */ position: relative; /* Needed for pseudo-element positioning */ } /* Keyframes for the flashing animation */ @keyframes flash { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 1; } /* Keep opacity at 1 after full reveal */ } /* Delay each sentence animation */ .sentence:nth-child(1) { animation-delay: 0s; } /* First sentence starts immediately */ .sentence:nth-child(2) { animation-delay: 2s; } /* Second sentence starts after 2 seconds */ .sentence:nth-child(3) { animation-delay: 4s; } /* Third sentence starts after 4 seconds */ .sentence:nth-child(4) { animation-delay: 6s; } /* Fourth sentence starts after 6 seconds */ .sentence:nth-child(5) { animation-delay: 9s; } /* Fifth sentence starts after 9 seconds */ /* Styling for the bullet point */ .sentence::before { content: ''; /* Required for pseudo-element */ position: absolute; left: -30px; /* Adjust as needed for bullet point positioning */ top: 50%; /* Center vertically */ transform: translateY(-50%); /* Center vertically */ width: 10px; /* Bullet point size */ height: 10px; /* Bullet point size */ background: linear-gradient(to right, #0093C9, #6ABF4B); /* Gradient color range (PMS 639 to PMS 360) */ border-radius: 50%; /* Shape as a circle */ } /* Additional styles for the fifth sentence */ .sentence:nth-child(5) { font-size: 28px; /* Larger font size for the fifth sentence */ color: transparent; /* Hide original text color */ z-index: 1; /* Ensure text layer is above background layer */ background: linear-gradient(to right, #0093C9, #6ABF4B); /* Gradient color range (blue to green) */ -webkit-background-clip: text; /* Apply background as text color (for webkit browsers) */ background-clip: text; /* Apply background as text color (standard property) */ } /* Styling for the rightward-pointing arrow */ .sentence:nth-child(5)::before { content: ''; /* Required for pseudo-element */ position: absolute; right: -20px; /* Adjust as needed for arrow positioning */ top: 50%; /* Center vertically */ transform: translateY(-50%); /* Center vertically */ width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #0093C9; /* Color of the arrow (end color of gradient) */ } Modernize like a champ with MAVA. Fight off cyber-villains. Master your IT challenges, and then Scale new heights. Make our hybrid teams your A-team for Software, Staffing, AI, Cloud, & Web Services. MAVA Partners... Your Sidekick for Success!