:root {
    --primary-bg-clr: #FF470A;
    /* --primary-bg-clr: #629b18; */
}

.custom--cl,
.service-card__icon i,
.choose-card__icon i,
.overview-card__icon i,
.ratings i,
.footer-info-list i,
.header .main-menu li a:hover,
.header .main-menu li a:focus,
a:hover,
.header .main-menu li.menu_has_children:hover>a::before,
.plan-feature-list li::before,
.bottom-menu ul li a:hover,
.bottom-menu ul li a.active,
.header .main-menu li a:hover,
.header .main-menu li a:focus,
.header .main-menu li a.active,
.dl__corner--top:before,
.dl__corner--top:after,
.dl__corner--bottom:before,
.dl__corner--bottom:after,
.account-short-link li a:hover,
.custom--checkbox input:checked~label::before {
    color: var(--primary-bg-clr);
}

.btn--base,
plan-card__header,
.bg--base,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.dl__square,
.plan-card__header {
    background: var(--primary-bg-clr) !important;
}

.feature-card i,
.text--base,
.page-breadcrumb li a:hover,
.subscribe-form .form--control:focus~i {
    color: var(--primary-bg-clr) !important;
}

.custom--bg,
.feature-card::after,
.testimonial-item,
.section-top-title.border-left::before,
.about-thumb .video-icon,
.service-section,
.how-work-card__step::before,
.overview-section::after,
.loan-card,
.gradient--bg,
.btn--gradient::before,
.custom--accordion .accordion-button:not(.collapsed),
.btn-outline--gradient,
.pagination .page-item.active .page-link {
    background: var(--primary-bg-clr);
}

.overview-section,
.testimonial-item::before,
.header.menu-fixed .header__bottom,
.footer,
.account-wrapper .left,
.btn--dark,
.btn--dark:hover,
.registration-wrapper .top-content,
.btn--base-2,
.custom--table thead,
.account-section-right,
.account-section-right::before,
.account-section-right::after,
.how-work-card__step,
.btn-outline--gradient::before,
.choose-card,
.dark--overlay::before,
.dark--overlay-two::before,
.plan-card .fdr-badge,
.benificiary-card .nav-tabs .nav-link {
    background: #14233c;
}

.section--bg2 {
    background-color: #14233c !important;
}

.custom--accordion .accordion-item,
#preloader:before {
    border: 1px solid var(--primary-bg-clr);
}

.form--control:focus,
.border--base,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.expired-time-circle::before {
    border-color: var(--primary-bg-clr) !important
}

.custom--btn {
    color: white;
    background: var(--primary-bg-clr);
}

.btn:hover {
    color: white;
}

.btn-primary {
    background: var(--primary-bg-clr);
    border-color: var(--primary-bg-clr);
}

.btn-primary:hover {
    background: var(--primary-bg-clr);
    border-color: var(--primary-bg-clr);
}

.header__bottom {
    background-color: #14233c8c;
}

.pagination .page-item .page-link {
    border: 1px solid #00a6f740;
}

.pagination .page-item .page-link:hover {
    border: 1px solid var(--primary-bg-clr);
}

.pagination .page-item .page-link:hover,
.header .main-menu li .sub-menu li a::before {
    background-color: var(--primary-bg-clr);
}

.page-link:focus {
    box-shadow: 0 0 0 0.25rem #00a6f740 !important;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    background-color: var(--primary-bg-clr);
    border-color: var(--primary-bg-clr) !important;
}

.header .main-menu li.menu_has_children>a::before,
.contact-info-card__icon i {
    color: var(--primary-bg-clr);
}

.header .main-menu li .sub-menu li a:hover,
.page-breadcrumb li:first-child::before {
    color: var(--primary-bg-clr);
}

.plan-card {
    border-bottom: 3px solid var(--primary-bg-clr);
}

.service-card__icon {
    background-color: #00a6f726 !important;
}

.feature-card .icon {
    background-color: #00a6f726 !important;
}

.custom--accordion .accordion-button {
    background-color: #00a6f70d;
}

.overview-card__icon i {
    background: var(--primary-bg-clr);
    background: -webkit-linear-gradient(-103deg, var(--primary-bg-clr) 0%, var(--primary-bg-clr) 35%, var(--primary-bg-clr) 76%, var(--primary-bg-clr) 100%);
    background: linear-gradient(-103deg, var(--primary-bg-clr) 0%, var(--primary-bg-clr) 35%, var(--primary-bg-clr) 76%, var(--primary-bg-clr) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section--bg {
    background-color: #00a6f712;
}

@media (max-width: 991px) {
    .header__bottom {
        background-color: #14233c;
    }
}

.account-form .form--control,
.account-form .select {
    background-color: #14233cef;
}

.subscribe-section {
    background-color: #14233cf7;
}