.preloader .animated-preloader, .preloader .animated-preloader::before, .bill-items-wrapper .bill-items .nav-item.active .nav-link i, .bill-items-wrapper .bill-items .nav-item::after, .bill-items-wrapper .bill-items .nav-item:hover .nav-link i, .cmn-btn, .scroll-to-top .scroll-icon, .feature-card:hover .feature-card__icon, .social-links.style--two li a, .d-widget__icon, .d-widget::before, .d-widget__btn, .client-slider .slick-arrow:hover, .service-card:hover, .table thead,.cookies-card__icon{
background: #336699;
}

.header .main-menu li a:hover, .header .main-menu li a:focus, .section-top-title, .service-card__icon i, .feature-card__icon i, .overview-card__icon i, .social-links li a:hover, .page-breadcrumb li:first-child::before, .contact-card__header i, a:hover, .d-widget.style--two .d-widget__icon i{
color: #336699;
}

.overview-card__icon i {
text-shadow: 0 5px 10px #33669975;
}

.base--color, .header-account-list li a:hover{
color: #336699 !important;
}
.profile-thumb .avatar-edit label {
background-color: #336699 !important;
color: #fff !important;
}
.feature-card:hover .feature-card__icon{
box-shadow: 0 15px 35px #33669973;
}

.bg-primary, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
background: #336699 !important;
}

.form-control:focus {
border-color: #336699;
box-shadow: 0 0 5px #33669959;
}


.select2-container--focus,
.select2-container--open {
	box-shadow: 0 0 5px #33669959 !important;
}

.select2-container--focus .select2-selection--single,
.select2-container--open  .select2-selection--single {
	border-color: #336699 !important;
}

.d-widget__icon::after{
border: 3px solid #336699;
}

.btn.focus, .btn:focus{
box-shadow: 0 0 0 0.2rem #33669940;;
}

.footer::before{
background-color: #44974c;
}

.base--bg-two{
background-color: #44974c !important;
}

:root{
--base-h: 210;
--base-s: 50%;
--base-l: 40%;
--base-two-h: 126;
--base-two-s: 38%;
--base-two-l: 43%;

--base: var(--base-h) var(--base-s) var(--base-l)
}