a,
h1 > a:hover,
h2 > a:hover,
h3 > a:hover,
h4 > a:hover,
h5 > a:hover,
h6 > a:hover,
.custom-btn,
.play-btn:hover > i,
.button-store .custom-btn:hover i,
.button-store .custom-btn:hover p,
.button-store .custom-btn:hover p span,
.feature-box .box-icon .icon,
.feature-box:hover .box-text > h4,
.service-single:hover .icon,
.service-single.service-style-2 .icon,
.service-single.service-style-2:hover .icon,
.service-single.service-style-2:hover h5,
.overview-box:hover .icon,
.overview-list .fa-li,
.pricing-item .pricing-head .price,
.pricing-item .pricing-head .price .dollar-sign,
.fixed-menu .nav-menu li a.active,
.nav-menu li.dropdown .submenu li a.active-submenu,
.op-mobile-menu .nav-menu li a:hover,
.page-header .page-header-content .breadcrumb li a:hover,
.testimonial-carousel .carousel-text .single-box i,
#accordion .accordion-header a:not(.collapsed),
#accordion .accordion-header a:hover,
.blog-home .blog-col:hover .blog-text h4 > a,
.price-table .icon,
.price-table:hover .plan-type,
.contact-info .icon,
.contact-form-result > h4,
footer a:hover,
.footer-social a:hover > i,
.blog-post .image-slider .arrows .arrow:hover,
.post-counters li > a:hover,
.share-btn:hover > p,
.share-btn li:hover > a,
.nav-links a:hover,
.sidebar .search-form button:hover,
.sidebar .search-form button:focus,
.sidebar ul.menu li a:hover,
.sidebar ul.menu li a:focus,
.sidebar ul.links li a:hover,
.sidebar ul.links li a:focus,
.author-social a:hover,
.icon.colored i {
	color: var(--primary);
}

.fixed-menu .nav-menu li a:hover {
	color: var(--primary) !important;
}

.custom-btn,
.service-single.service-style-2:hover,
.testimonial-carousel .carousel-images .slick-center img,
.clients-slider .owl-dots .owl-dot span,
.screenshot-slider .owl-dots .owl-dot span,
.progress-heading .progress-value > span:before {
	border-color: var(--primary);
}
.price-table.plan-popular {
	border-color: var(--warning);
}
input:focus,
textarea:focus,
input.notice,
textarea.notice {
	border-color: var(--primary) !important;
}

.page-loader .progress {
	border-left-color: var(--primary);
}

.user-comment.bypostauthor .user-comment-inner:after {
	border-top-color: var(--primary);
}

.banner:before {
	background: linear-gradient(-47deg, var(--primary) 0%, var(--primary_hover) 100%);
}

.btn,
.to-top:hover,
.play-btn,
.service-single:hover,
.service-single .icon,
.overview-box .icon,
.overview-box:hover,
.fixed-menu .nav-menu li a.active span:after,
.nav-menu li.dropdown .submenu li a:hover,
.nav-menu li.dropdown .submenu li a.active-submenu,
.search-wrapper .search-close-btn:hover:before,
.search-wrapper .search-close-btn:hover:after,
.clients-slider .owl-dots .active span,
.screenshot-slider .owl-dots .active span,
.blog-home .blog-col:hover .blog-category,
.page-title .blog-category > a:hover,
.pagination li a.active,
.pagination li a:hover,
.pagination li:last-child a,
.pagination li:first-child a,
.sidebar ul.menu li span,
.recent-post-image:before,
.author-social a:hover,
.member-info:after,
.progress .progress-bar,
.progress-heading .progress-value > span,
.tags .tag:hover,
blockquote {
	background-color: var(--primary);
}

.price-table:hover.plan-popular .plan-type {
	color: var(--warning);
}

	.btn:hover,
	#zoom-in:hover,
	#zoom-out:hover,
	.pagination li a:hover,
	.pagination li a.active {
		background-color: var(--primary_hover) !important;
	}

.btn-warning {
	background-color: var(--warning);
	border-color: var(--warning);
	color: #ffffff;
	box-shadow: none;
}

	.btn-warning:hover {
		background-color: var(--warning_hover);
		border-color: var(--warning_hover);
		color: #fff;
	}
.btn-outline-light {
	color: var(--light) !important; ;
	border-color: var(--light) !important; ;
	background-color: transparent !important;
	border: 1px solid;
}
.btn-outline-light:hover {
	color: var(--primary) !important; ;
	border-color: var(--light) !important; ;
	background-color: var(--light) !important;
}
#zoom-in, 
#zoom-out,
.team-member .team-social {
	background-color:rgba(124, 79, 224, 0.85);
}

footer {
	background: var(--dark) !important;
}
.price-table .card-ribbon span {
	background-color: var(--warning);
}
.price-table .card-ribbon:before, .price-table .card-ribbon:after {
	border: 5px solid var(--dark);
}
.form-check-input:checked {
	background-color: var(--primary);
	border-color: var(--primary);
}

label.error {
	position: relative;
	color: var(--danger);
}

.form-floating .form-control.error {
	border-color: var(--danger) !important;
}