/*
 * Afrox brand overrides.
 * Primary: #01103c
 * Secondary: #e6bc48
 */

:root {
    --afrox-primary: #01103c;
    --afrox-primary-soft: #071a55;
    --afrox-secondary: #e6bc48;
    --afrox-secondary-dark: #c79e2e;
    --afrox-white: #ffffff;
}

body {
    color: #535b6d;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--afrox-primary);
}

a,
.service-bottom-text p a,
.footer-bottom-content-copy span {
    color: var(--afrox-primary);
}

a:hover,
.Afrox_menu > ul > li > a:hover,
.header-top-social a:hover,
ul.footer-menu li a:hover,
.footer-middle.new-style .footer-bottom-menu ul li a:hover {
    color: var(--afrox-secondary);
}

input:focus,
button:focus,
textarea:focus {
    border-color: var(--afrox-secondary);
    outline-color: var(--afrox-secondary);
}

.bg_color,
.header_top_menu,
.sticky,
.Afrox_nav_manu.sticky,
.footer-bottom-area,
.footer-middle,
.style-two.footer-middle {
    background-color: var(--afrox-primary) !important;
}

.style-two.Afrox_nav_manu.sticky {
    background: var(--afrox-white) !important;
    box-shadow: 0 2px 10px rgba(1, 16, 60, 0.12);
}

.Afrox_nav_manu.style-two.landing .header-bg,
.Afrox_nav_manu.sticky .header-bg {
    background: var(--afrox-white);
}

.style-two.Afrox_nav_manu.sticky .Afrox_menu > ul > li > a {
    color: var(--afrox-primary);
}

.logo img,
.nav-logo img,
.logo_thumb img,
.Afrox-logo img {
    max-width: 190px;
    height: auto;
}

.header-button a,
.slider-button a,
.service-button a:before,
.style-three .service-button a,
.style-three .service-bar,
.style-three .service-bar:before,
.em-service-icon,
.process-single-box:before,
.feature-bar,
.feature-bar:before,
.feature-back-icon a,
.contact-us .ap-submit-btn button,
.contact-form-footer .subscribe_form button,
.scroll-area .go-top,
.top-wrap .go-top-button,
a.theme-btn.btn-style-two,
.case-button a,
.single_portfolio_icon a,
.video-icon a,
.style-two.video-icon a {
    background: var(--afrox-secondary) !important;
    background-color: var(--afrox-secondary) !important;
}

.header-button a,
.slider-button a,
.style-three .header-button a,
.style-three .service-button a,
.contact-us .ap-submit-btn button,
a.theme-btn.btn-style-two {
    border-color: var(--afrox-secondary) !important;
    color: var(--afrox-primary) !important;
}

.header-button a:before,
.slider-button a:before,
.service-button a:hover:before,
.top-wrap .go-top-button::after,
.scroll-area .go-top::before {
    background: var(--afrox-primary) !important;
}

.header-button a:hover,
.slider-button a:hover,
.service-button a:hover,
.contact-us .ap-submit-btn button:hover,
a.theme-btn.btn-style-two:hover {
    color: var(--afrox-white) !important;
}

.slider-button a i,
.slider-content span,
.slider-content h3:before,
.menu-title h6:before,
.Afrox_menu li a:hover:before,
.case-study-title h6,
.case-study-title h6:before,
.process-title span,
.em-service-title h2:before,
.service-number h1,
.accordion li a span,
.contact-info .icon,
.contact-info i,
.footer-bottom-content-copy span,
.footer-middle.new-style .widget-location span,
a.theme-btn.btn-style-two i {
    color: var(--afrox-secondary) !important;
}

.slider-button a i {
    background: var(--afrox-primary) !important;
}

.slider-button a:hover i {
    background: var(--afrox-secondary) !important;
    color: var(--afrox-primary) !important;
}

.feature-area,
.service-area,
.process-area,
.case-study-area {
    background-color: #f7f8fb;
}

.feature-area .row.feature-bg,
.dreamit-service-box,
.process-single-box,
.contact_from_box {
    border-color: rgba(1, 16, 60, 0.12);
}

.feature-title h3,
.em-service-title h2,
.style-three .em-service-title h3,
.process-title h3,
.case-study-title h3 a {
    color: var(--afrox-primary);
}

.dreamit-service-box:hover:before,
.single-feature-box:before,
.case-study-thumb:before,
.case-study-thumb2::before {
    background-color: rgba(1, 16, 60, 0.88) !important;
    background-image: none !important;
}

.slider-area.slider2 {
    background:
        linear-gradient(90deg, rgba(1, 16, 60, 0.94) 0%, rgba(1, 16, 60, 0.84) 46%, rgba(1, 16, 60, 0.48) 100%),
        url("../images/slider/hero-bg2.jpg");
    background-size: cover;
    background-position: center;
}

.loader {
    border-top-color: var(--afrox-secondary);
}

.contact_from select,
.contact_from input,
.contact_from textarea {
    color: var(--afrox-primary);
}

.contact_from select {
    width: 100%;
    height: 54px;
    border: 0;
    border-radius: 4px;
    padding: 0 18px;
    background: #fff;
}

.afrox-form-status {
    margin-top: 14px;
    color: var(--afrox-white);
    font-weight: 600;
}

.afrox-form-status.error {
    color: #ffd2c7;
}

.loder-section {
    background: var(--afrox-primary);
}

::selection {
    background: var(--afrox-secondary);
    color: var(--afrox-primary);
}

@media (max-width: 991px) {
    .logo img,
    .nav-logo img,
    .logo_thumb img,
    .Afrox-logo img {
        max-width: 170px;
    }
}