/* default color: #fa6a2e  */
.bg-color,
section.bg-color,
section.call-to-action,
.btn-main,
#mainmenu li li a.menu-item:hover,
#mainmenu ul li:hover>a.menu-item,
.price-row,
.slider-info .text1,
.btn-primary,
.bg-id-color,
.fullwidthbanner-container a.btn,
.feature-box-big-icon i,
#testimonial-full,
.icon-deco i,
.feature-box-small-icon .border,
.date-post,
.team-list .small-border,
.de-team-list .small-border,
.owl-arrow span,
.de-progress .progress-bar,
#btn-close-x:hover,
.box-fx .info,
.btn-more,
.widget .small-border,
.product img:hover,
#btn-search,
.de_tab.timeline li.active .dot,
.btn-id,
.tiny-border,
#subheader .small-border-deco span,
#services-list li a:hover,
#form_subscribe #btn-subscribe i,
.timeline .tl-block .tl-line,
.de_tab.tab_style_2 .de_nav li.active span,
.de_tab.tab_methods.style-2 .de_nav li.active span,
.feature-box-small-icon.style-2 .number.bg-color,
.owl-custom-nav .btn-next:before,
.owl-custom-nav .btn-prev:before,
.timeline>li>.timeline-badge,
.de_light .de_tab.tab_style_3 .de_nav li.active span,
.de_tab.tab_style_4 .de_nav li.active span,
.social-icons-sm i:hover,
.btn-rsvp,
.pricing-table .ribbon,
.de_tab.tab_style_4 .de_nav li.active,
#preloader .s1 span,
#filters a.selected,
.custom-show:after,
.custom-close:after,
.widget-post .date,
.style-2 .date-box,
.d-card i,
#form_subscribe #btn-submit i,
.bg-gradient-to-right-2,
.d-card.hover i,
.d-card:hover i,
.ribbon,
.box-icon-simple .num,
.feature-box.f-boxed:hover,
.fpw-overlay-btm,
.fp-wrap .fpwow-icons,
.owl-item.active.center .feature-box-type-2,
.testimonial-color .item:nth-child(1n) blockquote:before,
.spinner>div,
.d-gallery-item .dgi-1,
a.btn-border:hover,
.dih-overlay,
.widget_tags li a,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
#cookieConsent a.cookieConsentOK,
.mask .cover,
.icon-box:hover,
.feature-box.f-boxed.invert,
.text-light .container-timeline ul li::before,
.text-light .de_countdown,
.text-light .dropdown li span,
#selector #dark-mode,
#selector #related-items,
.dropdown li span:hover,
.de-event-item .d-date,
.switch,
h5 span.label,
.lds-roller div:after,
.de_pricing-table .d-list li:before,
.ul-style-4 li:before,
#mainmenu ul li b,
h1.s2 .c1 span,
.d-arrow-left,
.d-arrow-right,
.de-marquee-list .d-item-block,
.scrollbar,
.d_demo_img .d-overlay span,
.owl-dot.active,
.daterangepicker td.active, .daterangepicker td.active:hover,.daterangepicker td.in-range,.btn-success,
body::-webkit-scrollbar-thumb,#de_modal::-webkit-scrollbar-thumb
 {
    background:var(--primary-color);
}
::-moz-selection { /* Code for Firefox */
    color:#ffffff;
    background:var(--secondary-color);
}

::selection {
    color:#ffffff;
    background:var(--secondary-color);
}

#back-to-top,
.btn-line:hover,
a.btn-line:hover,
.btn-main.bg-color,
.de-marquee-list .d-item-block.bg-color{
    background: var(--primary-color);
}

.id-color,
.date-box .day,
.slider_text h1,
h1.id-color,
h2.id-color,
h3.id-color,
h4.id-color,
.pricing-box li h1,
.title span,
i.large:hover,
.feature-box-small-icon-2 i,
.pricing-dark .pricing-box li.price-row,
.ratings i,
header.smaller #mainmenu a.menu-item.active,
.pricing-dark .pricing-box li.price-row,
.dark .feature-box-small-icon i,
a.btn-slider:after,
a.btn-line:after,
.team-list .social a,
.de_contact_info i,
.dark .btn-line:hover:after,
.dark a.btn-line:hover:after,
.dark a.btn-line.hover:after,
a.btn-text:after,
.separator span i,
address span strong,
.widget_tags li a,
.dark .btn-line:after,
.dark a.btn-line:after,
.crumb li .active,
.btn-right:after,
.btn-left:before,
#mainmenu li a.menu-item:after,
header .info .social i:hover,
#services-list li.active,
#services-list li.active a:after,
.testimonial-list:before,
span.deco-big,
h2.hs1 span,
.blog-list .date-box .day,
.social-icons-sm i,
.de_tab.tab_style_4 .de_nav li span,
.de_testi.opt-2 blockquote:before,
.profile_pic .subtitle,
.countdown-s3 .countdown-period,
.countdown-s4 .countdown-period,
a.btn-link,
blockquote.s1:before,
.accordion a:before,
.expand-custom .toggle:before,
.sitemap.s1 li:before,
.list li:before,
.post-meta span:before,
.mask .cover .date:before,
.pricing-s2 .bottom i,
.post-text h3 a:hover,
.demo-icon-wrap i,
.demo-icon-wrap-s2 span,
a.btn-border.light:hover,
.de_testi.opt-2.review .p-rating,
.p-title,
a.btn-main.btn-white,
a.bc-btn,
.de_tab .de_nav li span,
.nav-link, .nav-link:focus, .nav-link:hover,
.pricing-table .bottom i,
.topbar-widget a span,
.de-icon,
a#cookit-link {
    color: var(--primary-color);
}


footer .widget a:hover,
.id-color-2,
.id-color-secondary,
span.id-color-2,
.icon-box i,
.h-phone i.id-color-secondary,
.mask:hover .cover h3 i,
address.s1 span i,
.de_table .tr .td:nth-child(2) span,
.dark-scheme .demo-icon-wrap i,
.dark-scheme .demo-icon-wrap-s2 span,
.de_tab .de_nav li span,
.dark-scheme .small-border,
.profile_username,
.de_tab.tab_methods .de_nav li.active span img,
.accordion-button:not(.collapsed),
.pricing-table.table-featured .bottom i,
.schedule-item .sc-name
{
    color: var(--secondary-color);
}


.bg-color-2,
.bg-color-secondary,
section.bg-color-2,
section.bg-color-secondary,
.timeline h5,
.testimonial-color .item:nth-child(2n) blockquote:before,
a.btn-main.bg-color-2,
a.btn-main.invert,
#mainmenu li li a.menu-item:hover,
#mainmenu ul li:hover>a.menu-item,
.icon-box.invert:hover,
#jpreBar,
.t-circle,
.author_list_pp i,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.profile_avatar i,
#btn_copy.clicked,
#form_quick_search #btn-submit i,
.p_list_pp i,
.author_list_pp img,
.dark-scheme .de_countdown.bg-color-secondary,
.btn-line.hover,
a.btn-line.hover,
.de_form input[type="checkbox"]:checked + label:before,
.coll_list_pp i,
#form_sb #btn-submit i,
.de-switch input[type=checkbox]:checked + label,
.de-card .de-price span,
.de-color-icons i,
.container-timeline ul li::before,
.pricing-table.table-featured .mid,
.pricing-table.table-featured a.btn-main,
.page-item.active .page-link,
.de-marquee-list .d-item-block.bg-color-2{
    background: var(--secondary-color);
}

section.dark {
    background: rgba(var(--primary-color-rgb), .98);
}

.feature-box-group .d-card i,
.accordion-section-title.active,
.accordion.secondary .accordion-section-title:before
.d-card i {
    background: var(--secondary-color);
}

.bg-color-3{
    background: var(--tertiary-color);
}

.bg-gradient-to-right,
.post-image .post-info .inner,
.de_table.table-style-2:not(.no-heading) .tr:first-child,
h1 .label,
a.btn-main.secondary,
header.header-gradient,
.ribbon.s2 {
    background: var(--primary-color);
}

.table-pricing thead,
.bg-gradient-to-top-right,
.p-tagline,
h5.title{
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
}

.gradient-soft {
    background: -moz-linear-gradient(180deg, rgba(var(--primary-color-rgb), 0.125) 0%, rgba(var(--primary-color-rgb), 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(var(--primary-color-rgb), 0.125) 0%, rgba(var(--primary-color-rgb), 0) 100%);
    background: linear-gradient(180deg, rgba(var(--primary-color-rgb), 0.125) 0%, rgba(var(--primary-color-rgb), 0) 100%);
}

.gradient-soft-2 {
    background: -moz-linear-gradient(180deg, rgba(var(--primary-color-rgb), 0.2) 0%, rgba(var(--primary-color-rgb), 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(var(--primary-color-rgb), 0.2) 0%, rgba(var(--primary-color-rgb), 0) 100%);
    background: linear-gradient(180deg, rgba(var(--primary-color-rgb), 0.2) 0%, rgba(var(--primary-color-rgb), 0) 100%);
}

.gradient-soft-45 {
    background: -moz-linear-gradient(45deg, rgba(var(--secondary-color-rgb), .3) 0%, rgba(var(--primary-color-rgb), .3) 100%);
    background: -webkit-linear-gradient(45deg, rgba(var(--secondary-color-rgb), .3) 0%, rgba(var(--primary-color-rgb), .3) 100%);
    background: linear-gradient(45deg, rgba(var(--secondary-color-rgb), .3) 0%, rgba(var(--primary-color-rgb), .3) 100%);
}

.d-card i,.d-card:hover i{
    background: -moz-linear-gradient(180deg, rgba(var(--primary-color-rgb), 1) 20%, rgba(var(--primary-color-rgb), 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(var(--primary-color-rgb), 1) 20%, rgba(var(--primary-color-rgb), 0) 100%);
    background: linear-gradient(180deg, rgba(var(--primary-color-rgb), 1) 20%, rgba(var(--primary-color-rgb), 0) 100%);
}

#preloader {
    background-image: linear-gradient(to top right, var(--primary-color), var(--secondary-color));
}

.overlay-gradient {
    background: -moz-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.9) 0%, rgba(var(--primary-color-2-rgb), 0.9) 100%);
    background: -webkit-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.9) 0%, rgba(var(--primary-color-2-rgb), 0.9) 100%);
    background: linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.9) 0%, rgba(var(--primary-color-2-rgb), 0.9) 100%);
}

.overlay-gradient.t80 {
    background: -moz-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.8) 0%, rgba(var(--primary-color-2-rgb), 0.8) 100%);
    background: -webkit-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.8) 0%, rgba(var(--primary-color-2-rgb), 0.8) 100%);
    background: linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.8) 0%, rgba(var(--primary-color-2-rgb), 0.8) 100%);
}

.overlay-gradient.t70 {
    background: -moz-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.7) 0%, rgba(var(--primary-color-2-rgb), 0.7) 100%);
    background: -webkit-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.7) 0%, rgba(var(--primary-color-2-rgb), 0.7) 100%);
    background: linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.7) 0%, rgba(var(--primary-color-2-rgb), 0.7) 100%);
}

.overlay-gradient.t60 {
    background: -moz-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.6) 0%, rgba(var(--primary-color-2-rgb), 0.6) 100%);
    background: -webkit-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.6) 0%, rgba(var(--primary-color-2-rgb), 0.6) 100%);
    background: linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.6) 0%, rgba(var(--primary-color-2-rgb), 0.6) 100%);
}

.overlay-gradient.t50 {
    background: -moz-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.5) 0%, rgba(var(--primary-color-2-rgb), 0.5) 100%);
    background: -webkit-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.5) 0%, rgba(var(--primary-color-2-rgb), 0.5) 100%);
    background: linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.5) 0%, rgba(var(--primary-color-2-rgb), 0.5) 100%);
}

.all-timelines::before {
    background: rgba(var(--secondary-color-rgb), .3);
}

.pricing-table .bottom i{
    background: rgba(var(--secondary-color-rgb), .2);
}

.activity-list li:after{
    color: rgba(var(--secondary-color-rgb), 1);
}

.item_info_counts>div,
.de_table .tr .td:nth-child(2) span,
.accordion-button:not(.collapsed) {
    background: rgba(var(--secondary-color-rgb), .1);
}

.activity-list li{
    background: rgba(var(--secondary-color-rgb), .07);
}

a.btn-border.btn-invert,
.small-border,
.icon-box,
#slider-carousel .owl-thumb-item.active img {
    border-color: var(--primary-color);
}

.de_countdown,
.container-timeline ul li::before,
.de_tab.tab_methods .de_nav li.active span,
.dark-scheme .pagination li.active a{
    border-color: var(--secondary-color);
}

.author_list_pp:hover img{
    -webkit-box-shadow: 0px 0px 0px 2px rgba(var(--secondary-color-rgb), 1);
    -moz-box-shadow: 0px 0px 0px 2px rgba(var(--secondary-color-rgb), 1);
    box-shadow: 0px 0px 0px 2px rgba(var(--secondary-color-rgb), 1);
}

.form-border input[type=text]:focus,
.form-border textarea:focus,
.form-underline input[type=email]:focus,
.form-border input[type=date]:focus,
.form-border select:focus,
#quick_search:hover,
.items_filter .dropdown:hover{
    webkit-box-shadow: 0px 0px 0px 4px rgba(var(--primary-color-rgb), .3);
    -moz-box-shadow: 0px 0px 0px 4px rgba(var(--primary-color-rgb), .3);
    box-shadow: 0px 0px 0px 4px rgba(var(--primary-color-rgb), .3);
}

.container-timeline ul lifblockquote {
    border-left-color: var(--primary-color);
}

.de_tab.tab_simple .de_nav li.active span{
    border-bottom-color: var(--primary-color);
}

header #mainmenu a.menu-item span,
header.transparent #mainmenu a.menu-item span,
.de-grey #subheader h1 {
    border-bottom-color: var(--secondary-color);
}

.header-light #quick_search {
    background: rgba(var(--primary-color-rgb), .1);
}

.box-highlight{
    background: rgba(var(--primary-color-rgb), .2);
}

.container-timeline ul li {
    border-top-color: var(--secondary-color);
}

.line-preloader .p-line:nth-child(1) {
    border-right-color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.line-preloader .p-line:nth-child(2) {
    border-left-color: var(--secondary-color);
    border-top-color: var(--secondary-color);
}

.line-preloader .p-line:nth-child(3) {
    border-right-color: var(--secondary-color);
    border-top-color: var(--secondary-color);
}

.de-event-item .d-shadow{
    border-color: transparent transparent transparent var(--secondary-color);;
}

.bg-color-4{
    background: var(--quaternary-color);
}

.id-color-4{
    color: var(--quaternary-color);
}

.preloader1 {
    width: 60px;
    border-top-color: rgba(var(--primary-color-rgb), 0.65);
    border-bottom-color: rgba(var(--primary-color-rgb), 0.1);
    border-left-color: rgba(var(--primary-color-rgb), 0.1);
    border-right-color: rgba(var(--primary-color-rgb), 0.1);
}
.gradient,
.menu-col li a.active{
    background: -webkit-linear-gradient(45deg,var(--secondary-color) 0%, var(--primary-color) 100%);
    background: -moz-linear-gradient(45deg,var(--secondary-color) 0%, var(--primary-color) 100%);
    background: linear-gradient(45deg,var(--secondary-color) 0%, var(--primary-color) 100%);
}

.text-gradient{
    background: -webkit-linear-gradient(45deg,var(--primary-color) 0%, var(--secondary-color) 100%);
    background: -moz-linear-gradient(45deg,var(--primary-color) 0%, var(--secondary-color) 100%);
    background: linear-gradient(45deg,var(--primary-color) 0%, var(--secondary-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-soft{
background: -moz-linear-gradient(0deg, rgba(var(--primary-color-rgb), .45) 0%, rgba(var(--secondary-color-rgb), 0.25) 100%);
background: -webkit-linear-gradient(0deg, rgba(var(--primary-color-rgb), .45) 0%, rgba(var(--secondary-color-rgb), 0.25) 100%);
background: linear-gradient(0deg, rgba(var(--primary-color-rgb), .45) 0%, rgba(var(--secondary-color-rgb), 0.25) 100%);
}

.menu-col li a{
background: -moz-linear-gradient(45deg, rgba(var(--secondary-color-rgb), 0.2) 0%, rgba(var(--secondary-color-rgb), 0) 100%);
background: -webkit-linear-gradient(45deg, rgba(var(--secondary-color-rgb), 0.2) 0%, rgba(var(--secondary-color-rgb), 0) 100%);
background: linear-gradient(45deg, rgba(var(--secondary-color-rgb), 0.2) 0%, rgba(var(--secondary-color-rgb), 0) 100%);
}

.overlay-bg{
background: -moz-linear-gradient(0deg, rgba(var(--primary-color-rgb), .45) 0%, rgba(var(--secondary-color-rgb), 0.25) 100%);
background: -webkit-linear-gradient(0deg, rgba(var(--primary-color-rgb), .45) 0%, rgba(var(--secondary-color-rgb), 0.25) 100%);
background: linear-gradient(0deg, rgba(var(--primary-color-rgb), .45) 0%, rgba(var(--secondary-color-rgb), 0.25) 100%);
}

footer.footer-light{
    background: -moz-linear-gradient(45deg, rgba(var(--secondary-color-rgb), .10) 0%, rgba(var(--primary-color-rgb), .10) 100%);
    background: -webkit-linear-gradient(45deg, rgba(var(--secondary-color-rgb), .10) 0%, rgba(var(--primary-color-rgb), .30) 100%);
    background: linear-gradient(45deg, rgba(var(--secondary-color-rgb), .30) 0%, rgba(var(--primary-color-rgb), .30) 100%);
}

.bg-gradient-to-bottom{
    background: -moz-linear-gradient(180deg, rgba(var(--primary-color-rgb), .35) 0%, rgba(var(--secondary-color-rgb), 0.25) 60%, rgba(var(--secondary-color-rgb), 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(var(--primary-color-rgb), .35) 0%, rgba(var(--secondary-color-rgb), 0.25) 60%, rgba(var(--secondary-color-rgb), 0) 100%);
    background: linear-gradient(180deg, rgba(var(--primary-color-rgb), .35) 0%, rgba(var(--secondary-color-rgb), 0.25) 60%, rgba(var(--secondary-color-rgb), 0) 100%);
}

@media only screen and (max-width: 992px) {
    .table-pricing tbody tr th {
        background: var(--primary-color);
    }

}

/* Shivansh Square brand palette overrides */
:root{
    --brand-gold: #CCA669;
    --brand-bronze: #997945;
    --brand-navy: #0D2738;
    --brand-gold-rgb: 204, 166, 105;
    --brand-bronze-rgb: 153, 121, 69;
    --brand-navy-rgb: 13, 39, 56;
    --brand-light: #FAF8F4;
    --brand-soft: #F3EEE6;
}

body,
#wrapper,
main{
    color: rgba(var(--brand-navy-rgb), .78);
}

body,
.bg-light,
.bg-color-odd,
.bg-color-even,
section.bg-light{
    background-color: var(--brand-light) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.title,
.p-title,
.de_count h3,
.de_count span,
.accordion-section-title,
.work-process-content h3{
    color: var(--brand-navy);
}

.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.section-dark h1,
.section-dark h2,
.section-dark h3,
.section-dark h4,
.section-dark h5,
.section-dark h6{
    color: #ffffff;
}

.id-color,
.id-color-2,
.id-color-secondary,
a.id-color,
a.btn-link,
.title span,
.breadcrumb .active,
.crumb li .active,
.post-meta span:before,
.list li:before,
.ul-style-4 li:before,
.ratings i,
.de_contact_info i,
address span strong,
address.s1 span i,
.accordion a:before,
.accordion-section-title:before,
.accordion-button:not(.collapsed),
.nav-link,
.nav-link:hover,
.nav-link:focus,
.swiper-pagination-current,
.slider-title .underline:before{
    color: var(--brand-bronze) !important;
}

.bg-dark,
.bg-dark-1,
.section-dark,
section.dark,
header.site-sticky-header,
header.site-sticky-header.transparent,
header.site-sticky-header.smaller,
footer,
.site-footer,
.swiper,
.swiper-slide,
.overlay-dark,
.dark-scheme,
#mainmenu ul,
#mainmenu li ul,
#mainmenu li li{
    background-color: var(--brand-navy) !important;
}

.site-footer,
footer:not(.footer-light){
    background:
        linear-gradient(135deg, rgba(var(--brand-navy-rgb), .98), rgba(6, 21, 31, .98)) !important;
}

a.btn-main,
a.btn-main:active,
a.btn-main:focus,
a.btn-main:visited,
.btn-main,
input[type=button].btn-main,
.btn-primary,
.btn-id,
.btn-rsvp,
.btn-success,
#back-to-top,
#btn-search,
#form_subscribe #btn-subscribe i,
#form_subscribe #btn-submit i,
#form_sb #btn-submit i,
#form_quick_search #btn-submit i,
#cookieConsent a.cookieConsentOK{
    color: var(--brand-navy) !important;
    background: var(--brand-gold) !important;
    border-color: var(--brand-gold) !important;
    box-shadow: 0 12px 28px rgba(var(--brand-gold-rgb), .24);
}

a.btn-main:hover,
.btn-main:hover,
a.btn-main.btn-line:hover,
a.btn-main.fx-slide:before,
.btn-primary:hover,
.btn-id:hover,
.btn-rsvp:hover,
#back-to-top:hover{
    color: #ffffff !important;
    background: var(--brand-bronze) !important;
    border-color: var(--brand-bronze) !important;
}

a.btn-main.secondary,
a.btn-main.bg-color-2,
a.btn-main.invert,
.btn-main.secondary,
.bg-color-2,
.bg-color-secondary,
section.bg-color-2,
section.bg-color-secondary{
    color: #ffffff !important;
    background: var(--brand-bronze) !important;
    border-color: var(--brand-bronze) !important;
}

a.btn-main.btn-dark,
a.btn-main.btn-dark-trans:hover,
.btn-main.btn-dark,
.btn-main.btn-dark-trans:hover{
    color: #ffffff !important;
    background: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
}

a.btn-line,
.btn-line,
a.btn-border,
.btn-border{
    color: var(--brand-navy) !important;
    border-color: var(--brand-gold) !important;
}

a.btn-line:hover,
.btn-line:hover,
a.btn-border:hover,
.btn-border:hover{
    color: var(--brand-navy) !important;
    background: var(--brand-gold) !important;
    border-color: var(--brand-gold) !important;
}

.bg-color,
section.bg-color,
section.call-to-action,
.price-row,
.date-post,
.date-box .day,
.small-border,
.tiny-border,
.team-list .small-border,
.de-team-list .small-border,
.widget .small-border,
.owl-arrow span,
.owl-dot.active,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.pagination>.active>a,
.pagination>.active>span,
.page-item.active .page-link,
.de-progress .progress-bar,
.pricing-table .ribbon,
.ribbon,
.ribbon.s2,
.d-gallery-item .dgi-1,
.widget-post .date,
.style-2 .date-box,
.mask .cover,
.switch,
.de-switch input[type=checkbox]:checked + label,
.de_form input[type="checkbox"]:checked + label:before,
#contact_form input[type=checkbox]:checked,
.radio-opt input[type="radio"]:checked + label,
.table-pricing thead,
.p-tagline,
h5.title,
.gradient,
.bg-gradient-to-right,
.bg-gradient-to-right-2,
.bg-gradient-to-top-right,
.de-marquee-list .d-item-block{
    color: var(--brand-navy) !important;
    background: var(--brand-gold) !important;
    border-color: var(--brand-gold) !important;
}

.feature-box-big-icon i,
.feature-box-small-icon i,
.feature-box-small-icon-2 i,
.feature-box-small-icon .border,
.icon-box,
.icon-box i,
.icon-box:hover,
.icon-box.invert:hover,
.de-icon,
.de-step-icon,
.de-step-icon i,
.d-card i,
.d-card.hover i,
.d-card:hover i,
.feature-box-group .d-card i,
.fp-wrap .fpwow-icons,
.box-icon-simple .num,
.demo-icon-wrap i,
.demo-icon-wrap-s2 span,
.de-color-icons i,
.work-process-number,
.work-process-mini-line,
.about-showcase__icon,
.de-timeline .d-item .d-icon,
.de-timeline-s2 .d-item .d-icon,
.h-timeline > ul > li::before,
.social-icons-sm i,
.social-icons i:hover,
.site-footer__social a:hover{
    color: #ffffff !important;
    background: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
}

.feature-box-big-icon:hover i,
.feature-box-small-icon:hover i,
.feature-box-small-icon-2:hover i,
.icon-box:hover i,
.feature-box.f-boxed:hover,
.feature-box.f-boxed.invert,
.owl-item.active.center .feature-box-type-2,
.work-process-card.is-featured .work-process-number,
.work-process-card.is-featured .work-process-mini-line,
.work-process-card.is-featured .work-process-content{
    background-color: var(--brand-bronze) !important;
    border-color: var(--brand-bronze) !important;
}

.work-process-card.is-featured .work-process-content{
    background-color: #ffffff !important;
}

.work-process-card.is-featured .work-process-content h3,
.work-process-heading h2 span,
.service-list-card:hover .service-card-title,
.post-text h3 a:hover,
footer .widget a:hover,
.site-footer a:hover,
#mainmenu li a.menu-item:hover,
#mainmenu li a.menu-item.active,
header.smaller #mainmenu a.menu-item.active{
    color: var(--brand-gold) !important;
}

#mainmenu li a.menu-item:after,
header #mainmenu a.menu-item span,
header.transparent #mainmenu a.menu-item span,
.work-process-title-line,
.work-process-eyebrow span{
    background: var(--brand-gold) !important;
    border-color: var(--brand-gold) !important;
}

.work-process-image-wrap:before{
    border-left-color: var(--brand-navy) !important;
    border-bottom-color: var(--brand-navy) !important;
}

.work-process-card.is-featured .work-process-image-wrap:before{
    border-left-color: var(--brand-gold) !important;
    border-bottom-color: var(--brand-gold) !important;
}

.work-process-content{
    border-bottom-color: var(--brand-navy) !important;
}

.work-process-card.is-featured .work-process-content{
    border-bottom-color: var(--brand-bronze) !important;
}

.about-showcase{
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(250, 248, 244, .94)),
        radial-gradient(circle at 15% 15%, rgba(var(--brand-gold-rgb), .18), transparent 34%) !important;
}

.about-showcase__badge,
.box-fx .info,
.dih-overlay,
.fpw-overlay-btm,
.sw-overlay{
    background: rgba(var(--brand-navy-rgb), .82) !important;
}

.about-showcase__values,
.about-showcase__value,
.about-showcase__stat,
.form-control,
.form-border input[type=text],
.form-border textarea,
.form-border input[type=email],
.form-border input[type=password],
.form-border input[type=date],
.form-border select,
.form-default input[type=text],
.form-default textarea,
.form-default input[type=email],
.form-default select{
    border-color: rgba(var(--brand-navy-rgb), .14) !important;
}

.form-control:focus,
.form-border input[type=text]:focus,
.form-border textarea:focus,
.form-border input[type=email]:focus,
.form-border input[type=password]:focus,
.form-border input[type=date]:focus,
.form-border select:focus,
.form-default input[type=text]:focus,
.form-default textarea:focus,
.form-default input[type=email]:focus,
.form-default select:focus{
    border-color: var(--brand-gold) !important;
    box-shadow: 0 0 0 4px rgba(var(--brand-gold-rgb), .24) !important;
}

.accordion-section-title.active,
.accordion.secondary .accordion-section-title:before,
.accordion-button:not(.collapsed){
    color: var(--brand-navy) !important;
    background: rgba(var(--brand-gold-rgb), .18) !important;
    border-color: rgba(var(--brand-gold-rgb), .38) !important;
}

.service-list-card .relative > a:before,
.project-item .d-overlay,
.de-image-hover .dih-overlay{
    background: linear-gradient(180deg, rgba(var(--brand-navy-rgb), .08), rgba(var(--brand-navy-rgb), .82)) !important;
}

.swiper-button-next,
.swiper-button-prev,
.carousel-control-next-icon,
.carousel-control-prev-icon,
.owl-custom-nav .btn-next:before,
.owl-custom-nav .btn-prev:before,
.d-arrow-left,
.d-arrow-right{
    color: var(--brand-navy) !important;
    background: var(--brand-gold) !important;
    border-color: var(--brand-gold) !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover,
.carousel-control-next-icon:hover,
.carousel-control-prev-icon:hover{
    color: #ffffff !important;
    background: var(--brand-bronze) !important;
    border-color: var(--brand-bronze) !important;
}

.swiper-pagination-bullet,
.owl-dot{
    background: rgba(var(--brand-navy-rgb), .28) !important;
}

.swiper-pagination-bullet-active,
.owl-dot.active{
    background: var(--brand-gold) !important;
}

::-moz-selection{
    color: var(--brand-navy) !important;
    background: var(--brand-gold) !important;
}

::selection{
    color: var(--brand-navy) !important;
    background: var(--brand-gold) !important;
}

@media only screen and (max-width: 992px){
    #mainmenu,
    #mainmenu ul,
    #mainmenu li ul,
    header.header-mobile{
        background: var(--brand-navy) !important;
    }

    #mainmenu li a.menu-item{
        color: #ffffff !important;
        border-color: rgba(255, 255, 255, .12) !important;
    }

    #mainmenu li a.menu-item:hover,
    #mainmenu li a.menu-item.active{
        color: var(--brand-gold) !important;
    }
}

/* White site header */
header.site-sticky-header,
header.site-sticky-header.transparent,
header.site-sticky-header.smaller,
header.site-sticky-header.fixed,
header.header-mobile.site-sticky-header{
    background: rgba(255, 255, 255, .96) !important;
    background-color: rgba(255, 255, 255, .96) !important;
    border-bottom: 1px solid rgba(var(--brand-navy-rgb), .08) !important;
    box-shadow: 0 10px 30px rgba(var(--brand-navy-rgb), .10) !important;
    backdrop-filter: blur(14px);
}

header.site-sticky-header #mainmenu > li > a,
header.site-sticky-header #mainmenu li a.menu-item,
header.site-sticky-header #mainmenu li.has-child:after{
    color: var(--brand-navy) !important;
}

header.site-sticky-header #mainmenu > li > a:hover,
header.site-sticky-header #mainmenu li a.menu-item:hover,
header.site-sticky-header #mainmenu li a.menu-item.active,
header.site-sticky-header #mainmenu li:hover > a.menu-item,
header.site-sticky-header #mainmenu li.has-child:hover:after{
    color: var(--brand-bronze) !important;
}

header.site-sticky-header #mainmenu li a.menu-item:after{
    background: var(--brand-gold) !important;
}

header.site-sticky-header .brand-logo-img{
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

header.site-sticky-header .btn-main,
header.site-sticky-header a.btn-main{
    background: var(--brand-gold) !important;
    border-color: var(--brand-gold) !important;
    color: var(--brand-navy) !important;
    box-shadow: 0 10px 24px rgba(var(--brand-gold-rgb), .22) !important;
}

header.site-sticky-header .btn-main:hover,
header.site-sticky-header a.btn-main:hover,
header.site-sticky-header a.btn-main.fx-slide:before{
    background: var(--brand-bronze) !important;
    border-color: var(--brand-bronze) !important;
    color: #ffffff !important;
}

header.site-sticky-header #menu-btn,
header.site-sticky-header #menu-btn:before{
    color: var(--brand-navy) !important;
}

header.site-sticky-header #btn-extra span{
    border-bottom-color: var(--brand-navy) !important;
}

@media only screen and (max-width: 992px){
    header.site-sticky-header,
    header.header-mobile.site-sticky-header{
        background: rgba(255, 255, 255, .98) !important;
        background-color: rgba(255, 255, 255, .98) !important;
    }

    header.site-sticky-header #mainmenu{
        background: var(--brand-navy) !important;
    }

    header.site-sticky-header #mainmenu li a.menu-item{
        color: #ffffff !important;
    }

    header.site-sticky-header #mainmenu li a.menu-item:hover,
    header.site-sticky-header #mainmenu li a.menu-item.active{
        color: var(--brand-gold) !important;
    }
}
