#slider .main-heading.index span:before{
	content: 'Website Designing';
	display: inline-block;
	animation: index-slider-text-change infinite 8s;
}
@keyframes index-slider-text-change{
	0%{
		content: 'Website Designing';
	}
	20%{
		content: 'Graphic Designing';
	}
	40%{
		content: 'Website Development';
	}
	60%{
		content: 'Graphic Designing';
	}
	80%{
		content: 'Mailer Designing';
	}
	100%{
		content: 'Digital Marketing';
	}
}

#slider .main-heading.about span:before{
	content: 'Website';
	display: inline-block;
	animation: about-slider-text-change infinite 4s;
}
@keyframes about-slider-text-change{
	20%{
		content: 'Website';
	}
	50%{
		content: 'Graphic';
	}
	100%{
		content: 'Brand';
	}
}

#slider .main-heading.services span:before{
	content: 'Website';
	display: inline-block;
	animation: services-slider-text-change infinite 7s;
}
@keyframes services-slider-text-change{
	20%{
		content: 'Website';
	}
	40%{
		content: 'Graphics';
	}
	60%{
		content: 'Development';
	}
	80%{
		content: 'Animation';
	}
	100%{
		content: 'Video Editing';
	}
}

#slider .main-heading.quote span:before{
	content: 'Website';
	display: inline-block;
	animation: quote-slider-text-change infinite 7s;
}
@keyframes quote-slider-text-change{
	20%{
		content: 'Logo';
	}
	40%{
		content: 'Website';
	}
	60%{
		content: 'HTML Mailer';
	}
	80%{
		content: 'Animation';
	}
	100%{
		content: 'Video Editing';
	}
}

#slider .main-heading.digital-marketing span:before{
	content: 'In Top 3 in Google';
	display: inline-block;
	animation: digital-marketing-slider-text-change infinite 7s;
}
@keyframes digital-marketing-slider-text-change{
	20%{
		content: 'In Top 3 in Google';
	}
	40%{
		content: 'Facebook Campaing';
	}
	60%{
		content: 'Instagram Campaing';
	}
	80%{
		content: 'To Run Google Ads';
	}
	100%{
		content: 'SMO Marketing';
	}
}

#slider .main-heading.graphic-designing span:before{
	content: 'SMO Graphics';
	display: inline-block;
	animation: graphic-designing-slider-text-change infinite 7s;
}
@keyframes graphic-designing-slider-text-change{
	20%{
		content: 'SMO Graphics';
	}
	40%{
		content: 'Poster Designing';
	}
	60%{
		content: 'Flyer Designing';
	}
	80%{
		content: 'Ad Designing';
	}
	100%{
		content: 'Brand Designing';
	}
}

#slider .main-heading.html-mailer span:before{
	content: 'HTML Mailer';
	display: inline-block;
	animation: html-mailer-slider-text-change infinite 7s;
}
@keyframes html-mailer-slider-text-change{
	20%{
		content: 'HTML Mailer';
	}
	40%{
		content: 'Dynamic Mailer';
	}
	60%{
		content: 'Responsive Mailer';
	}
	80%{
		content: 'Static Mailer';
	}
	100%{
		content: 'Image To HTML';
	}
}

#slider .main-heading.logo-designing span:before{
	content: 'Emblem logos';
	display: inline-block;
	animation: logo-designing-slider-text-change infinite 7s;
}
@keyframes logo-designing-slider-text-change{
	20%{
		content: 'Emblem logo';
	}
	40%{
		content: ' Pictorial Mark Logo';
	}
	60%{
		content: 'Logotypes';
	}
	80%{
		content: 'Lettermark Logo';
	}
	100%{
		content: 'Abstract Logo';
	}
}

#slider .main-heading.text-to-speech span:before{
	content: 'Text To Speech';
	display: inline-block;
	animation: test-to-speech-slider-text-change infinite 3s;
}
@keyframes test-to-speech-slider-text-change{
	20%{
		content: 'Text To Speech';
	}
	100%{
		content: 'Speech To Text';
	}
}

#slider .main-heading.ui-ux span:before{
	content: 'Mobile App UI Design';
	display: inline-block;
	animation: ui-ux-slider-text-change infinite 3s;
}
@keyframes ui-ux-slider-text-change{
	40%{
		content: 'Mobile App UI Design';
	}
	100%{
		content: 'Good User Experience';
	}
}

#slider .main-heading.website-designing span:before{
	content: 'Responsive Website';
	display: inline-block;
	animation: website-designing-slider-text-change infinite 7s;
}
@keyframes website-designing-slider-text-change{
	20%{
		content: 'Responsive Website';
	}
	40%{
		content: 'Modern Website';
	}
	60%{
		content: 'Portfolio Website';
	}
	80%{
		content: 'Business Website';
	}
	100%{
		content: 'Blog Website';
	}
}

#slider .main-heading.website-development span:before{
	content: 'E-Commerce Website';
	display: inline-block;
	animation: website-development-slider-text-change infinite 7s;
}
@keyframes website-development-slider-text-change{
	20%{
		content: 'E-Commerce Website';
	}
	40%{
		content: 'Dynamic Website';
	}
	60%{
		content: 'Front End';
	}
	80%{
		content: 'CRM Portals';
	}
	100%{
		content: 'Back End';
	}
}
