/* ==========================================================================
   NGILANDI AGENCIES - HEADER & SERVICE-GRID OVERRIDES
   Light-mode corporate header: white surface, navy type, red active accent.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Header shell
   -------------------------------------------------------------------------- */
.tmp-header {
    background-color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   2. Logo - the navy/red mark is the correct lock-up on a light surface
   -------------------------------------------------------------------------- */
.tmp-header .logo .logo-light {
    display: none !important;
}

/* 1875x460 mark - sized by height so the lock-up keeps its proportions
   and still leaves room for the nav, search and menu trigger. */
.tmp-header .logo .logo-dark {
    display: block !important;
    height: 46px !important;
    max-height: 46px !important;
    width: auto !important;
    transform: none;
}

@media only screen and (max-width: 991px) {
    .tmp-header .logo .logo-dark {
        height: 38px !important;
        max-height: 38px !important;
    }
}

@media only screen and (max-width: 575px) {
    .tmp-header .logo .logo-dark {
        height: 30px !important;
        max-height: 30px !important;
    }
}

/* --------------------------------------------------------------------------
   3. Navigation
   -------------------------------------------------------------------------- */
.tmp-header .header-left .mainmenu-nav {
    margin-left: 100px !important;
}

.tmp-header .mainmenu-nav .mainmenu>li>a {
    color: #2B3352 !important;
}

.tmp-header .mainmenu-nav .mainmenu>li>a:hover {
    color: #2C3691 !important;
}

.popup-mobile-menu .mainmenu li a:hover {
    color: #2C3691 !important;
}

.submenu li a:hover {
    color: #2C3691 !important;
}

/* --------------------------------------------------------------------------
   4. Header icons + hamburger
   -------------------------------------------------------------------------- */
.tmp-header .actions-area i,
.tmp-header button i,
.tmp-header .search-icon i,
.tmp-header .header-action i,
.tmp-header .header-right i {
    color: #2B3352 !important;
}

.tmp-header .header-right svg,
.tmp-header .header-right svg path {
    stroke: #2B3352 !important;
}

.tmp-header .mobile-menu-bar span,
.tmp-header .mobile-menu-bar span::before,
.tmp-header .mobile-menu-bar span::after,
.tmp-header .offcanvas-bars span {
    background-color: #2B3352 !important;
    height: 2px !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* --------------------------------------------------------------------------
   5. Service card alignment (equal-height grid) - unchanged behaviour
   -------------------------------------------------------------------------- */
.service-wrapper .col-xl-3,
.service-wrapper .col-lg-6,
.service-wrapper .col-md-6,
.service-wrapper .col-sm-6,
.service-wrapper .col-12 {
    display: flex;
    flex-direction: column;
}

.service.service__style--1 {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100%;
}

.service.service__style--1 .content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    height: 100%;
}

.service.service__style--1 .content .discover-btn {
    margin-top: auto !important;
}