:root {
			--primary-color: #9f2b68;
			--secondary-color: #5d3fd3;
			--hover-color: #ffffff;
			--black: #000000;
			}
			
			.header {
			background-color: var(--primary-color) !important;
			}
			.header .sitename, 
			.header .logo h1, 
			.header a {
			color: var(--black) !important;
			}
			.header .btn-getstarted {
			background-color: var(--secondary-color) !important;
			border: 1px solid var(--secondary-color) !important;
			color: #fff !important;
			}
			.header .btn-getstarted:hover {
			background-color: var(--hover-color) !important;
			color: var(--black) !important;
			border: 1px solid var(--black) !important;
			}
			.header .logo span {
			color: var(--secondary-color);
			}
			.about .icon-box:hover h4 a {
    		color: var(--secondary-color);
			}
			.contact-info-item:hover {
			box-shadow: 0 0 11px color-mix(in srgb, var(--secondary-color) 30%, transparent) !important;
			}
			.hero .btn-get-started:hover{
			background: color-mix(in srgb, var(--secondary-color), transparent 20%);
			}
			.about-us-card:hover {
    		box-shadow: 0 0 11px color-mix(in srgb, var(--secondary-color) 30%, transparent) !important;
			}
			.navmenu a {
			color: var(--black) !important;
			}
			.navmenu .active > a {
			color: var(--secondary-color) !important;
			}
			.dropdown-item:hover {
			background-color: var(--secondary-color) !important;
			color: var(--black) !important;
			}
			.pricing .buy-btn:hover{
			background-color: var(--secondary-color) !important;
			border-color: var(--secondary-color) !important;
			}
			.mobile-nav-toggle {
			color: var(--secondary-color) !important;
			}
			.text-primary {
			color: var(--secondary-color) !important;
	        }
			#myTab .nav-link:hover {
			background-color: var(--secondary-color) !important;
			color: var(--black) !important;
			}
			.stats i {
			color: var(--secondary-color);
			}
			.tabs .tab-pane ul i {
			color: var(--secondary-color);
			}
			.testimonials .swiper-pagination .swiper-pagination-bullet-active
			{
			background-color: var(--secondary-color);
			}
			.about .content .about-btn {
    		border: 2px solid var(--secondary-color);
			}
			.about .content .about-btn:hover {
			background: var(--secondary-color);
			}
			.clients .swiper-pagination .swiper-pagination-bullet-active {
			background-color: var(--secondary-color);
			}
			.pricing h4 {
			font-size: 48px;
			color: var(--secondary-color);
			}
			.pricing .featured .pricing-item {
			background: var(--secondary-color);
			}
			.pricing .featured .buy-btn {
			background: var(--secondary-color);
			color: var(--contrast-color);
			}
			.faq .faq-container .faq-active h3 {
			color: var(--secondary-color);
			}
			.faq .faq-container .faq-item h3:hover {
			color: var(--secondary-color);
			}
			.team .team-member .social a:hover {
			background: var(--secondary-color);
			}
			.faq .faq-container .faq-active {
			background-color: 
			color-mix(in srgb, var(--secondary-color), transparent 97%);
			border-color: 
			color-mix(in srgb, var(--secondary-color), transparent 80%);
			}
			.section-title h2:after{
			background: var(--secondary-color) !important;
			}
			.portfolio .portfolio-filters li.filter-active {
            color: var(--secondary-color);
			}
			.portfolio .portfolio-filters li:hover, .portfolio .portfolio-filters li.filter-active {
            color: var(--secondary-color);
			}
			.portfolio .portfolio-content .portfolio-info h4{
			background-color: var(--secondary-color) !important;
			}
			.text-danger {
			color: var(--secondary-color) !important;
			}
			.primary-btn, .btn-primary, .btn-getstarted {
			background-color: var(--secondary-color) !important;
			border: 1px solid var(--secondary-color) !important;
			color: #fff !important;
			}
			.team .team-member .social a {
			color: var(--secondary-color) !important;
			}
			.primary-btn:hover, 
			.btn-primary:hover, 
			.btn-getstarted:hover {
			background-color: color-mix(in srgb, var(--secondary-color), transparent 20%) !important;
			color: var(--black) !important;
			border: 1px solid var(--black) !important;
			}
			.services .service-item .icon{
			color: var(--secondary-color) !important;
			}
			.tabs .nav-link.active {
			background: var(--secondary-color) !important;
			color: var(--black) !important;
			border-color: var(--secondary-color) !important;
			}
			.tabs .nav-link:hover {
			color: var(--secondary-color);
			border-color: var(--secondary-color);
			}
			.scroll-top:hover {
			background-color: color-mix(in srgb, var(--secondary-color), transparent 20%);
			color-mix(in srgb, var(--secondary-color), transparent 20%);
			color: var(--black);
			}
			.scroll-top{
			background-color: var(--secondary-color);
			}
			.hero .btn-get-started{
			background: var(--secondary-color);
			color: var(--black);
			}
			.hero .btn-watch-video i{
			color: var(--secondary-color);
			}
			.hero .btn-watch-video:hover i {
			color: color-mix(in srgb, var(--secondary-color), transparent 20%);
			}
			.hero .btn-watch-video:hover {
			color: var(--secondary-color);
			}
			.contact .info-item i {
			color: var(--secondary-color);	
			border: 2px dottedcolor-mix(in srgb, var(--secondary-color), transparent 40%);
			}
			.contact .php-email-form button[type=submit]:hover {
			background: 
			color-mix(in srgb, var(--secondary-color), transparent 20%);
			}
			.contact .php-email-form button[type=submit] {
			color: var(--black);
			background: var(--secondary-color);
			}
			.footer a:hover {
			color: var(--secondary-color) !important;
			}
			.footer .sitename {
			color: var(--secondary-color) !important;
			}
			.footer .social-links a {
			background-color: var(--secondary-color) !important;
			color: #fff !important;
			}
			.footer .social-links a:hover {
			background-color: var(--hover-color) !important;
			color: var(--black) !important;
			}
			.footer .footer-newsletter .newsletter-form input[type=submit] {
			background-color: var(--secondary-color) !important;
			border: none !important;
			color: #fff !important;
			}
			.footer-newsletter input[type='submit']:hover {
			background-color: var(--hover-color) !important;
			color: var(--black) !important;
			border: 1px solid var(--black) !important;
			}
			.footer .copyright {
			border-top: 1px solid rgba(255,255,255,0.1);
			color: #ddd !important;
			}