/* =========================
   Main Color (Primary)
========================= */
.btn--base,
.hero__subtitle::before,
.hero__subtitle::after,
.video-btn .icon::before,
.video-btn .icon::after,
.video-btn .icon,
.about-thumb .about-img-content,
.service-card::after,
.section-subtitle.border-left::before,
.testimonial-slide-area .content-slider .slick-arrow,
.blog-card .post-time,
.cta-wrapper,
.footer-widget__title::before,
.bg--base,
.form-check-input:checked,
.d-widget.curve--shape::before,
.quick-link-card .icon::before,
.header .main-menu li .sub-menu li a::before,
.pagination .page-item.active .page-link,
.pagination .page-item .page-link:hover,
.sidebar-menu__header::before{
    background-color: #336699 !important;
}

.service-card__icon,
.header .main-menu li a:hover,
.header .main-menu li a:focus,
.text--base,
.footer-link-list li a:hover,
.blog-title a:hover,
.s-post__title a:hover,
.page-breadcrumb li:first-child::before,
.account-form .form-group a,
.font-size--14px a,
.user-account-check .form-check-input:checked ~ label i,
.quick-link-card .icon,
.quick-link-card:hover,
.fw-bold,
.inline-menu-list li a:hover,
.header .main-menu li.menu_has_children:hover > a::before,
.trans-serach-open-btn,
.custom-select-search-box .search-box-btn,
.sidebar-menu__item.active .sidebar-menu__link,
.sidebar-menu__link:hover,
.header-user-menu li a:hover{
    color: #336699 !important;
}

.header-user-menu li a:hover{
    background-color: #3366990d !important;
}

.pagination .page-item .page-link:hover,
.sidebar-menu__item.active .sidebar-menu__link{
    border-color: #336699 !important;
}

.d-widget{
    border-left: 4px solid #336699 !important;
}

.user-account-check .form-check-input:checked ~ label,
.form-check-input:checked{
    border-color: #336699 !important;
}

.footer-contact-card .icon{
    background-color: #3366998c !important;
}
.footer-contact-card .icon::after{
    background-color: #33669940 !important;
}

.service-card{
    border: 2px solid #33669973 !important;
}

.service-card:hover{
    box-shadow: 0 5px 15px 1px #33669940 !important;
}

.quick-link-card:hover .icon{
    color: #fff !important;
    border-color: #336699 !important;
}

.accordion-button:not(.collapsed),
.caption-list-two{
    background-color: #3366991a !important;
}

.accordion-button:focus{
    border-color: #3366991a !important;
}

.main-menu li.active > a{
    color: #336699 !important;
}

.preloader .animated-preloader,
.preloader .animated-preloader::before{
    background: #336699 !important;
}

.subscription-form{
    border: 3px solid #336699 !important;
}

/* =========================
   Second Color (Accent)
   (Now actually used)
========================= */
.badge--base,
.btn-outline--base:hover{
    background-color: #ff8800 !important;
    border-color: #ff8800 !important;
    color: #fff !important;
}