/* Deva Security Force logo treatment */
.site-logo {
    display: inline-flex;
    align-items: center;
}

.about-style01 .section-title-04 + p {
    display: none;
}

.site-logo img {
    display: block;
    width: auto;
    height: 72px;
    max-height: none;
    object-fit: contain;
}

.footer-logo {
    max-width: 255px;
}

.footer-logo a {
    display: block;
    padding: 9px 12px;
    background: #fff;
    border-radius: 4px;
}

.footer-logo + p {
    display: none;
}

.footer-logo img {
    display: block;
    width: 100%;
    height: auto;
}

.attr-nav .search-icon {
    display: block;
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 2;
}

/* Inline SVG icons stay visible even when third-party icon fonts fail to load. */
.deva-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.deva-icon {
    display: inline-block;
    width: 1.15em;
    height: 1.15em;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vertical-align: -0.15em;
}

.circle-number .deva-icon {
    width: 1.3em;
    height: 1.3em;
    vertical-align: -0.25em;
}

.process-icon .deva-icon {
    width: 48px;
    height: 48px;
    color: #fff;
    vertical-align: middle;
    position: relative;
    z-index: 2;
}

/* Process heading: orange text with the template underline removed. */
.section-heading-style2 .process-eyebrow {
    color: var(--deva-red) !important;
}

.section-heading-style2 .process-eyebrow::before {
    display: none;
}

.quform-submit-inner .deva-icon {
    width: 1.25em;
    height: 1.25em;
}

footer .flex-shrink-0 .deva-icon {
    width: 20px;
    height: 20px;
}

.footer-quick-links {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-quick-links li + li {
    margin-top: 11px;
}

.footer-quick-links a {
    color: rgba(255, 255, 255, 0.82);
    display: inline-flex;
    align-items: center;
    font-weight: 500;
}

.footer-quick-links a::before {
    content: "";
    width: 6px;
    height: 6px;
    margin-right: 10px;
    border-radius: 50%;
    background: var(--deva-red);
}

.footer-quick-links a:hover {
    color: #fff !important;
}

/* Facilities and housekeeping management section. */
.facilities-section {
    padding: 100px 0;
    background: var(--deva-soft);
}

.about-content-card {
    position: relative;
}

.about-style01 .section-title-04 .small-title {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-left: 3px solid var(--deva-red);
    background: rgba(225, 59, 24, .07);
    letter-spacing: .11em;
}

.about-style01 .section-title-04 h2 {
    max-width: 710px;
    letter-spacing: -.045em;
}

.company-intro {
    max-width: 720px;
}

.company-intro p:first-child {
    padding-left: 20px;
    border-left: 3px solid var(--deva-red);
    color: var(--deva-navy);
    font-size: 1.08rem;
    font-weight: 600;
    line-height: 1.65;
}

.about-style01 .border-bottom {
    border-color: rgba(7, 19, 79, .14) !important;
}

.about-feature-card {
    height: 100%;
    min-height: 148px;
    padding: 23px 24px;
    border: 1px solid rgba(7, 19, 79, .09);
    border-top: 3px solid var(--deva-red);
    background: #fff !important;
    box-shadow: 0 10px 28px rgba(7, 19, 79, .07);
}

.about-feature-card h6,
.about-feature-card p {
    position: relative;
    z-index: 1;
}

.about-commitment-bar {
    align-items: center;
    padding-top: 8px;
}

.about-commitment-bar .about-inner-text {
    position: relative;
    padding-left: 23px;
}

.about-commitment-bar .about-inner-text::before {
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 3px;
    background: var(--deva-red);
    content: "";
}

@media screen and (max-width: 991px) {
    .about-content-card {
        margin-top: 20px;
    }
}

@media screen and (max-width: 575px) {
    .about-feature-card {
        min-height: auto;
        margin-bottom: 10px;
    }
}

.facilities-intro {
    color: #3d4667;
    font-size: 1.08rem;
    line-height: 1.75;
}

.facility-card {
    height: 100%;
    padding: 32px 30px;
    background: #fff;
    border: 1px solid rgba(7, 19, 79, 0.10);
    border-top: 4px solid var(--deva-navy);
    box-shadow: 0 10px 30px rgba(7, 19, 79, 0.07);
    transition: transform .25s ease, box-shadow .25s ease;
}

.facility-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 34px rgba(7, 19, 79, 0.14);
}

.facility-number {
    display: inline-grid;
    width: 42px;
    height: 42px;
    margin-bottom: 22px;
    place-items: center;
    border-radius: 50%;
    background: var(--deva-navy);
    color: #fff;
    font-size: .9rem;
    font-weight: 800;
}

.facility-card h3 {
    margin-bottom: 12px;
    color: var(--deva-navy);
    font-size: 1.25rem;
}

.facility-card p {
    margin: 0;
    color: #59617d;
    line-height: 1.7;
}

.facility-card-highlight {
    border-top-color: var(--deva-red);
}

.facility-card-highlight .facility-number {
    background: var(--deva-red);
}

/* Company credentials displayed ahead of the core service pillars. */
.deva-stats-section {
    position: relative;
    z-index: 2;
    padding: 10px 0 2px;
    background: #f5f7fa;
}

.deva-stats-panel {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 14px;
    background: linear-gradient(112deg, #06113d 0%, #0a1b57 52%, #102a70 100%);
    box-shadow: 0 18px 42px rgba(7, 19, 79, .18);
}

.deva-stats-panel::before,
.deva-stats-panel::after {
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    background: rgba(225, 59, 24, .14);
    content: "";
    pointer-events: none;
}

.deva-stats-panel::before { top: -115px; right: 11%; width: 250px; height: 250px; }
.deva-stats-panel::after { bottom: -125px; left: 22%; width: 210px; height: 210px; background: rgba(255, 255, 255, .035); }

.deva-stats-panel .row {
    position: relative;
    z-index: 1;
    flex-wrap: nowrap;
    min-width: 920px;
}

.deva-stats-panel .col-sm-6 {
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
}

.deva-stat-item {
    position: relative;
    min-height: 171px;
    padding: 35px 31px 30px 38px;
    background: transparent;
    transition: background .35s ease;
}

.deva-stat-item::before {
    position: absolute;
    top: 35px;
    bottom: 35px;
    left: 0;
    width: 3px;
    border-radius: 3px;
    background: linear-gradient(to bottom, #ff7b56, var(--deva-red));
    box-shadow: 0 0 16px rgba(225, 59, 24, .45);
    content: "";
    transition: height .35s ease, top .35s ease, bottom .35s ease;
}

.deva-stat-item::after {
    position: absolute;
    top: 28px;
    right: 0;
    bottom: 28px;
    width: 1px;
    background: rgba(255, 255, 255, .14);
    content: "";
}

.deva-stat-item strong {
    display: block;
    margin-bottom: 2px;
    color: #fff;
    font-size: clamp(2.3rem, 4vw, 3.25rem);
    font-weight: 800;
    letter-spacing: -.065em;
    line-height: .95;
}

.deva-stat-item strong span { color: #ff8060; }

.deva-stat-item h3 {
    margin: 10px 0 2px;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
}

.deva-stat-item p {
    margin: 0;
    color: rgba(255, 255, 255, .62);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
}

.deva-stat-item:hover { background: rgba(255, 255, 255, .055); }
.deva-stat-item:hover::before { top: 25px; bottom: 25px; }
.deva-stat-item:hover strong { color: #ffede7; }
.deva-stat-item:hover strong span { color: #ff8060; }

@media screen and (min-width: 1200px) {
    .deva-stats-panel .col-xl-3:last-child .deva-stat-item::after { display: none; }
}

@media screen and (max-width: 575px) {
    .deva-stats-section { padding-top: 0; }
    .deva-stats-panel { overflow-x: auto; border-radius: 10px; }
    .deva-stats-panel .row { min-width: 920px; }
    .deva-stat-item { min-height: 153px; padding: 28px 25px 24px 31px; }
    .deva-stat-item::before { top: 28px; bottom: 28px; }
}

/* Five foundational service areas. */
.core-pillars-section {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    background: radial-gradient(circle at 92% 8%, rgba(225, 59, 24, .075), transparent 22rem), #f5f7fa;
}

.core-pillars-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 45px;
}

.core-pillars-heading > div { max-width: 720px; }

.core-pillars-eyebrow,
.pillar-category {
    display: block;
    color: var(--deva-red);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.35;
    text-transform: uppercase;
}

.core-pillars-heading h2 {
    margin: 7px 0 10px;
    color: var(--deva-navy);
    font-size: clamp(2rem, 4vw, 3.25rem);
    letter-spacing: -.045em;
}

.core-pillars-heading h2 strong { color: var(--deva-red); }

.core-pillars-heading p {
    margin: 0;
    color: #5d6680;
    font-size: 1rem;
    line-height: 1.65;
}

.framework-badge {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 5px;
    background: var(--deva-navy);
    box-shadow: 0 9px 22px rgba(7, 19, 79, .18);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .025em;
}

.framework-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--deva-red); box-shadow: 0 0 0 4px rgba(225, 59, 24, .18); }

.core-pillar-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    height: 100%;
    min-height: 384px;
    flex-direction: column;
    padding: 28px 27px 22px;
    border: 1px solid rgba(7, 19, 79, .10);
    border-radius: 12px;
    background: linear-gradient(135deg, #fff2d1 0%, #ffe6b0 58%, #ffdf9e 100%);
    box-shadow: 0 10px 28px rgba(7, 19, 79, .055);
    transition: border-color .35s ease, box-shadow .35s ease, transform .35s cubic-bezier(.2, .75, .3, 1);
}

.core-pillar-card > * { position: relative; z-index: 1; }

.core-pillar-card::before {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--deva-red), #ff9b7a, var(--deva-red));
    transform: scaleX(.16);
    transform-origin: left;
    transition: transform .4s cubic-bezier(.2, .75, .3, 1);
    content: "";
}

.core-pillar-card::after {
    position: absolute;
    z-index: 0;
    top: -95%;
    left: -42%;
    width: 55%;
    height: 225%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .76), transparent);
    opacity: 0;
    transform: rotate(22deg);
    transition: left .7s ease, opacity .25s ease;
    content: "";
}

.core-pillar-card:hover { border-color: rgba(225, 59, 24, .30); transform: translateY(-9px); box-shadow: 0 22px 42px rgba(7, 19, 79, .14); }
.core-pillar-card:hover::before { transform: scaleX(1); }
.core-pillar-card:hover::after { left: 110%; opacity: 1; }

.core-pillar-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }

.pillar-icon {
    display: inline-grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(225, 59, 24, .12);
    border-radius: 8px;
    background: linear-gradient(135deg, #fff7f3, #fff0ea);
    color: var(--deva-red);
    transition: background .35s ease, box-shadow .35s ease, color .35s ease, transform .35s cubic-bezier(.2, .75, .3, 1);
}

.pillar-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.core-pillar-card:hover .pillar-icon { background: var(--deva-red); box-shadow: 0 8px 16px rgba(225, 59, 24, .25); color: #fff; transform: rotate(-7deg) scale(1.08); }

.pillar-number { padding: 5px 9px; border: 1px solid #e7ebef; border-radius: 5px; color: #7a8292; font-size: 10px; font-weight: 700; transition: border-color .3s ease, color .3s ease, background .3s ease; }
.pillar-number-accent { border-color: #ffd9cc; color: var(--deva-red); }
.core-pillar-card:hover .pillar-number { border-color: rgba(225, 59, 24, .2); background: #fff5f1; color: var(--deva-red); }

.core-pillar-card h3 { margin: 8px 0 12px; color: var(--deva-navy); font-size: 1.2rem; line-height: 1.32; transition: color .3s ease; }
.core-pillar-card:hover h3 { color: #162767; }

.core-pillar-card > p { margin: 0 0 15px; color: #606980; font-size: 13px; line-height: 1.55; }

.pillar-list { margin: 0 0 19px; padding: 0; list-style: none; color: #70798e; font-size: 12px; line-height: 1.55; }
.pillar-list li { position: relative; margin-bottom: 7px; padding-left: 17px; }
.pillar-list li:last-child { margin-bottom: 0; }
.pillar-list li::before { position: absolute; top: .35em; left: 0; width: 9px; height: 9px; border: 1px solid #f2b3a0; border-radius: 50%; content: ""; }
.pillar-list li::after { position: absolute; top: .55em; left: 3px; width: 3px; height: 3px; border-radius: 50%; background: var(--deva-red); content: ""; }

.pillar-link { display: flex; align-items: center; justify-content: space-between; margin: auto -27px -22px; padding: 17px 27px; border-top: 1px solid #edf0f3; color: var(--deva-navy); font-size: 13px; font-weight: 700; transition: background .3s ease, color .3s ease, padding .3s ease; }
.pillar-link:hover { padding-right: 22px; background: var(--deva-navy); color: #fff; }
.pillar-link span { font-size: 19px; line-height: .75; transition: transform .3s ease; }
.pillar-link:hover span { transform: translateX(4px); }

@media (prefers-reduced-motion: reduce) {
    .core-pillar-card,
    .core-pillar-card::before,
    .core-pillar-card::after,
    .pillar-icon,
    .pillar-number,
    .pillar-link,
    .pillar-link span { transition: none; }
}

@media screen and (max-width: 991px) {
    .core-pillars-section { padding: 75px 0; }
    .core-pillars-heading { align-items: flex-start; flex-direction: column; margin-bottom: 34px; }
}

@media screen and (max-width: 575px) {
    .core-pillars-section { padding: 60px 0; }
    .core-pillars-heading { gap: 20px; }
    .framework-badge { font-size: 10px; }
    .core-pillar-card { min-height: auto; padding: 25px 22px 20px; }
    .pillar-link { margin: auto -22px -20px; padding: 16px 22px; }
}

@media screen and (max-width: 767px) {
    .facilities-section {
        padding: 70px 0;
    }

    .facilities-intro {
        margin-top: 20px !important;
    }
}

.social-icon-style1 a[aria-label="Facebook"] .deva-icon {
    fill: currentColor;
    stroke: none;
}

/* The template places a decorative pseudo-element over the process icons. */
.process-style2 .process-icon .deva-icon {
    position: relative !important;
    z-index: 3 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.process-style2 .process-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

/* Use a native character for the scroll control rather than a missing icon-font glyph. */
#scroll-value i {
    display: none !important;
}

#scroll-value::after {
    content: "↑";
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 1;
}

/* Owl Carousel inserts icon-font arrows at runtime. Replace them with native arrows. */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    display: inline-grid !important;
    place-items: center;
    font-size: 0 !important;
}

.owl-carousel .owl-nav button.owl-prev > i,
.owl-carousel .owl-nav button.owl-next > i,
.owl-carousel .owl-nav button.owl-prev > span,
.owl-carousel .owl-nav button.owl-next > span {
    display: none !important;
}

.owl-carousel .owl-nav button.owl-prev::after,
.owl-carousel .owl-nav button.owl-next::after {
    color: var(--deva-navy);
    font-family: Arial, sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1;
}

.owl-carousel .owl-nav button.owl-prev::after {
    content: "‹";
}

.owl-carousel .owl-nav button.owl-next::after {
    content: "›";
}

.owl-carousel .owl-nav button.owl-prev:hover::after,
.owl-carousel .owl-nav button.owl-next:hover::after {
    color: #fff;
}

/* The homepage navigation links directly to Deva's page sections. */
#nav > li > ul {
    display: none !important;
}

#nav > li.has-sub > a:after {
    display: none !important;
}

/* The compact sticky header uses navigation only. */
@media screen and (min-width: 992px) {
    header.scrollHeader .navbar-header-custom {
        display: none;
    }
}

/* Keep the transparent hero header flush with the top of the page. */
html,
body,
.main-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

html,
body {
    background-color: var(--deva-navy-deep) !important;
}

header.header-style1 {
    top: 0 !important;
    margin-top: 0 !important;
}

/* Preserve header content spacing while the hero fills the top edge. */
header.header-style1:not(.scrollHeader) .navbar-default {
    transform: translateY(16px);
}

/* Keep banner copy comfortably below the transparent hero navigation. */
.slider-fade1 .d-table-cell {
    transform: translateY(45px);
}

@media screen and (max-width: 991px) {
    .slider-fade1 .d-table-cell {
        transform: translateY(28px);
    }
}

@media screen and (max-width: 575px) {
    .slider-fade1 .d-table-cell {
        transform: translateY(18px);
    }
}

/* Give the transparent brand mark a readable, balanced header treatment. */
header.header-style1:not(.scrollHeader) .site-logo {
    padding: 12px 10px 10px;
    background: rgba(255, 255, 255, 0.96);
    border-radius: 4px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
}

@media screen and (min-width: 992px) {
    header.header-style1:not(.scrollHeader) .navbar-header-custom {
        display: flex;
        align-items: center;
        padding: 9px 0;
    }

    header.header-style1:not(.scrollHeader) .site-logo img {
        height: 82px;
    }
}

/* Remove the archive's 20px wrapper offset above the hero. */
.main-wrapper {
    position: relative;
    top: -28px;
    margin-bottom: -28px;
}

@media screen and (max-width: 991px) {
    header.header-style1:not(.scrollHeader) .site-logo,
    header.header-style1:not(.scrollHeader) .navbar-toggler {
        transform: translateY(10px);
    }

    header.header-style1:not(.scrollHeader) .navbar-header-custom {
        display: flex;
        align-items: center;
        padding: 8px 0 10px;
    }

    header.header-style1:not(.scrollHeader) .site-logo {
        padding: 7px 8px;
        border-radius: 4px;
    }

    .site-logo img {
        height: 54px;
        max-height: none;
    }

    .footer-logo {
        max-width: 230px;
    }
}

@media screen and (max-width: 575px) {
    .site-logo img {
        height: 50px;
    }

    .footer-logo {
        max-width: 210px;
    }

    .footer-logo a {
        padding: 8px 10px;
    }
}

/* Deva Security Force brand palette */
:root {
    --deva-navy: #07134f;
    --deva-navy-deep: #030829;
    --deva-red: #e13b18;
    --deva-red-dark: #bd2f13;
    --deva-soft: #fff7f4;
}

a:hover,
a:active,
.text-primary,
.text-primary-hover:hover,
.section-heading span,
.section-title-04 .small-title {
    color: var(--deva-red) !important;
}

.text-secondary,
.text-secondary-hover:hover {
    color: var(--deva-red) !important;
}

.bg-primary,
.butn.primary,
.circle-number.bg-primary {
    background-color: var(--deva-navy) !important;
}

.bg-secondary,
.circle-number.bg-secondary {
    background-color: var(--deva-red) !important;
}

.bg-dark,
footer.bg-dark {
    background-color: var(--deva-navy-deep) !important;
}

.border-primary {
    border-color: var(--deva-navy) !important;
}

.border-secondary {
    border-color: var(--deva-red) !important;
}

.butn,
.butn.secondary,
.butn-style04.secondary {
    background-color: var(--deva-red);
}

.butn:before,
.butn:after,
.butn.secondary:before,
.butn.secondary:after,
.butn-style04.secondary:after {
    border-bottom-color: var(--deva-navy);
    background-color: var(--deva-navy);
}

.butn.primary:before,
.butn.primary:after {
    border-bottom-color: var(--deva-red);
}

.butn-style05 {
    color: var(--deva-navy) !important;
    border-color: var(--deva-navy);
}

.butn-style05:before {
    background-color: var(--deva-navy);
}

.butn-style05:hover {
    border-color: var(--deva-navy);
}

.header-style1 .navbar-nav li.current > a,
.header-style1 .navbar-nav > li > a:hover,
.header-style1.scrollHeader .navbar-nav li.current > a,
.navbar-nav li.current > a,
.navbar-nav li.active > a {
    color: var(--deva-red) !important;
}

.header-style1 .navbar > ul > li.current > a:after,
.header-style1.scrollHeader .navbar > ul > li.current > a:after,
.navbar > ul > li.current > a:after {
    border-color: transparent var(--deva-red) var(--deva-red) transparent;
}

.left-overlay-dark[data-overlay-dark]:before,
.dark-overlay[data-overlay-dark]:before {
    background: rgba(3, 8, 41, 0.82);
    background: linear-gradient(-90deg, rgba(3, 8, 41, 0.08), rgba(3, 8, 41, 0.92) 65%);
}

.banner-shape1,
.banner-shape2,
.scroll-top-percentage {
    background-color: var(--deva-navy) !important;
}

.about-style01 .about-inner-text .icon,
.newsletterform-light .quform-submit-inner,
.form-check-input:checked {
    background-color: var(--deva-navy) !important;
}

.about-style01 .about-text,
.form-control:focus,
.newsletter-form .form-control:focus,
.newsletter-form .form-control:active {
    border-color: var(--deva-red) !important;
}

.about-style01 .about-text,
.newsletterform-light .quform-submit-inner {
    background-color: var(--deva-red) !important;
}

/* Carousel controls and scroll indicator */
.arrow-animated-up span,
.arrow-animated-down span {
    border-bottom-color: var(--deva-red) !important;
}

.owl-theme .owl-dots .owl-dot span {
    background-color: var(--deva-soft) !important;
    border: 1px solid rgba(7, 19, 79, 0.12);
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--deva-red) !important;
    border-color: var(--deva-red);
}

.scroll-top-percentage {
    background: var(--deva-navy) !important;
    border: 3px solid var(--deva-red);
}

#scroll-value {
    background: var(--deva-navy) !important;
    font-size: 0 !important;
}

/* Complete the theme conversion for template-only decorations and menus. */
.about-shape1 {
    background-color: var(--deva-red) !important;
}

.about-shape2 {
    border-top-color: var(--deva-red) !important;
    border-right-color: var(--deva-red) !important;
}

.about-shape3 {
    border-top-color: var(--deva-navy) !important;
    border-right-color: var(--deva-navy) !important;
}

.banner-shape2 {
    border-top-color: var(--deva-navy) !important;
    border-right-color: var(--deva-navy) !important;
}

/* Use a solid Deva navy panel for every desktop navigation drop-down. */
@media screen and (min-width: 992px) {
    .menu_area .navbar-nav li > ul,
    .menu_area-light .navbar-nav li > ul,
    .navbar-nav .megamenu {
        background-color: var(--deva-navy) !important;
        border-top: 3px solid var(--deva-red);
    }

    .menu_area .navbar-nav li > ul a,
    .menu_area .navbar-nav li > ul .sub-title,
    .menu_area-light .navbar-nav li > ul a,
    .menu_area-light .navbar-nav li > ul .sub-title {
        color: #fff !important;
    }

    .menu_area .navbar-nav li > ul li:hover,
    .menu_area-light .navbar-nav li > ul li:hover {
        background-color: var(--deva-red) !important;
    }

    .menu_area .navbar-nav li > ul li:hover > a,
    .menu_area-light .navbar-nav li > ul li:hover > a {
        color: #fff !important;
    }
}

@media screen and (max-width: 991px) {
    .navbar-nav ul ul,
    .navbar-nav ul ul li:hover {
        background-color: var(--deva-soft) !important;
    }

    .navbar-nav ul ul li a,
    .navbar-nav .submenu-button:before,
    .navbar-nav .submenu-button:after {
        color: var(--deva-navy) !important;
        background-color: var(--deva-navy) !important;
    }
}