/**
* Theme Name: Inventive Child
* Description: This is a child theme of Inventive, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/themekalia">Themekalia</a>
* Template: inventive
* Version: 1.2
*/

/* parent */
.mobile-menu {
    background: #08175E !important;
}

/* backdrop */
.mobile-menu .menu-backdrop {
    background: #08175E !important;
}

/* main box */
.mobile-menu .menu-box {
    background: #000000 !important;
}

/* overlay */
.mobile-menu .nav-overlay {
    background: #08175E !important;
    opacity: 1 !important;
}

/* items */
.mobile-menu .menu-box .navigation li,
.mobile-menu .menu-box .navigation li a {
    background: #000000 !important;
}

/* remove gradients */
.mobile-menu .menu-box,
.mobile-menu .menu-box * {
    background-image: none !important;
}

.mobile-menu .menu-box .nav-logo {
    margin-bottom: 0 !important;
}

.mobile-menu .menu-box .menu-outer {
    margin-top: 0 !important;
    padding-top: 0 !important;
	 text-align: center;
}

/* 🔥 Remove ALL opacity from this section */


/* 🔥 Force pure black text */
.elementor-element-f8eb600 p {
    color: #000000 !important;
}


/* 🔥 Kill Elementor overlay */
.elementor-element-f8eb600 .elementor-background-overlay {
    display: none !important;
}

.experience_box h6 {
    color: #409ca9;
}
.elementor-element-eba9c6a .experience_box h6 {
    color: #000000 !important;
}

	/* Change that top strip color */
.footer-style-four .pattern-layer {
    background-color: #070c2a !important;
   
}



/*bg image menu page */
.page-title .bg-layer {
    background-image: url('https://mlaccounting.business/wp-content/uploads/2026/04/page_banner.jpg') !important;
}
.page-title .content-box h1 {
    color: #08175e !important;
}


.single-post .page-title {
    background-color: #08175e !important;
}

.single-post .page-title .bg-layer {
    display: none !important;
}
.single-post .page-title h1 {
    color: #ffffff !important;
}

/* 🔤 Load Outfit */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');

/* ✅ Apply font safely */
body {
    font-family: 'Outfit', sans-serif !important;
}

/* ✅ Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Outfit', sans-serif !important;
}

/* 🔥 Menu font fix */
.main-menu .navigation > li > a {
    font-family: 'Outfit', sans-serif !important;
}

/* 🔥 Header top bar text */
.header-upper,
.header-upper a,
.header_upper_four,
.header_upper_four a {
    font-family: 'Outfit', sans-serif !important;
}

/* 🔥 Logo ke side text / buttons */
.header-upper .info-box,
.header-upper .info-box * {
    font-family: 'Outfit', sans-serif !important;
}

/* 🔥 Buttons */
.btn-style-one,
.theme-btn {
    font-family: 'Outfit', sans-serif !important;
}

@media only screen and (max-width: 767px) {
    .elementor-23 .elementor-element.elementor-element-f8eb600 {
        background-color: #08175e !important; /* ✅ your color */
    }
}

.elementor-element-eebf5d8 {
    color: #ffffff !important;
}

.elementor-element-eebf5d8 h1,
.elementor-element-eebf5d8 h2,
.elementor-element-eebf5d8 h3,
.elementor-element-eebf5d8 h4,
.elementor-element-eebf5d8 h5,
.elementor-element-eebf5d8 h6,
.elementor-element-eebf5d8 p,
.elementor-element-eebf5d8 span,
.elementor-element-eebf5d8 div {
    color: #ffffff !important;
}

/* 🔻 Main footer top space kam */
.footer-style-four {
    padding-top: 50px !important;
    padding-bottom: 20px !important; /* 👈 bottom control */
}

/* 🔻 Middle content spacing kam */
.footer-style-four .widget-section {
    padding: 30px 0 !important;
    margin-bottom: 0 !important;
}

/* 🔻 Bottom bar spacing kam */
.footer-style-four .footer-bottom {
    padding: 8px 0 !important; /* 👈 ye main bottom gap hai */
}

/* 🔻 Extra unwanted space remove */
.footer-style-four p,
.footer-style-four ul {
    margin-bottom: 5px !important;
}
@media (max-width: 767px) {
    .footer-style-four {
        padding-top: 50px !important;
        padding-bottom: 10px !important;
    }

    .footer-style-four .widget-section {
        padding: 30px 0 !important;
    }

    .footer-style-four .footer-bottom {
        padding: 5px 0 !important;
    }
}


/* 🔵 Text aur social icons ke beech gap */
.footer-style-four .social-links {
    margin-top: 40px !important;
}
@media (max-width: 767px) {
    .footer-style-four .social-links {
        margin-top: 22px !important;
    }
}
/* Mobile: increase space between email & social icons */
@media (max-width: 767px) {
    .footer-style-four .social-links {
        margin-top: 30px !important;
    }
}
.phone_number a:hover,
.gmail_address a:hover {
    color: inherit !important;
}


.main-header,
.header-upper,
.sticky-header {
    background-color: #08175e !important;
}
/* Menu Text Color */
.main-menu .navigation > li > a {
    color: #ffffff !important; /* change to your color */
}
/* Consultation Button Text Color */
.consult_btn a {
    color: #ffffff !important; /* change to your color */
}


/* Outer white box border effect */
.header-link-btn {
    border: 2px solid #ffffff;
    padding: 6px;
    display: inline-block;
}

/* Inner button */
.header-link-btn .btn-1 {
    border: 2px solid #ffffff;
    background: transparent !important;
    color: #ffffff !important;
    padding: 8px 18px;
}

/* Hide breadcrumb */
.bread-crumb {
    display: none !important;
}

/* Contact Form Submit Button */
.contact_form_wrap .btn-1 {
    background: #18aae1 !important;   /* your main brand color */
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}


/* Make menu toggler icon white */
.mobile-nav-toggler img {
    filter: brightness(0) invert(1) !important;
}
/* FORCE 2 COLUMN (WORKING FIX) */
.main-menu .sub-menu {
    column-count: 2 !important;
    column-gap: 0px;
    min-width: 520px !important;
    
    background: #12195e;
    padding: 25px 30px !important;
    border-radius: 15px;
}

/* FIX ITEM BREAK */
.main-menu .sub-menu li {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
/* FORCE FLEX LAYOUT */
.main-menu .sub-menu li a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    white-space: nowrap; /* prevent text breaking */
}

/* MENU ITEM LAYOUT */
.main-menu .sub-menu li a {
    display: flex !important;
    align-items: center;
    justify-content: flex-start; /* 👈 left align */
    gap: 12px; /* space between icon & text */
    white-space: nowrap;
}
/* FORCE FLEX LAYOUT */
.main-menu .sub-menu li a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    white-space: nowrap; /* prevent text breaking */
}

/* MENU ITEM LAYOUT */
.main-menu .sub-menu li a {
    display: flex !important;
    align-items: center;
    justify-content: flex-start; /* 👈 left align */
    gap: 12px; /* space between icon & text */
    white-space: nowrap;
}
/* FORCE FLEX LAYOUT */
.main-menu .sub-menu li a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    white-space: nowrap; /* prevent text breaking */
}

/* MENU ITEM LAYOUT */
.main-menu .sub-menu li a {
    display: flex !important;
    align-items: center;
    justify-content: flex-start; /* 👈 left align */
    gap: 12px; /* space between icon & text */
    white-space: nowrap;
}



/* CLEAN TEXT */
.main-menu .sub-menu li a {
    padding: 6px 0;
    color: #08175e !important;
    font-size: 15px;
}



/* FIX MEGA MENU WIDTH + GAP */
.main-menu .sub-menu {
    column-count: 2 !important;
    column-gap: 20px !important;

    width: fit-content !important;   /* 👈 MOST IMPORTANT */
    min-width: unset !important;     /* remove forced width */
    max-width: 450px !important;     /* control size */

    padding: 20px 25px !important;
}

/* REMOVE FULL WIDTH ISSUE */
.main-menu .sub-menu {
    display: inline-block !important;
}

/* Hide top header menu only */
.header_top ul.header_menu {
    display: none !important;
}


/* Partnare buttion */
/* BUTTON CONTAINER CENTER */
.custom-cta-btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 25px 0;
}

/* BUTTON */
.custom-cta-btn a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    background: #08175e !important;
    color: #fff !important;

    padding: 18px 35px !important; /* 👈 fixed (30px was too big) */
    border-radius: 30px !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    line-height: 0!important;   /* fix text height */
	letter-spacing: 1px;         /* 👈 character spacing */
    
    transition: all 0.3s ease !important; /* 🔥 animation */
}

/* HOVER EFFECT */
.custom-cta-btn a:hover {
    background: #4a90e2 !important; /* 👈 hover color */
    transform: translateY(-3px) scale(1.03); /* 🔥 lift + zoom */
    box-shadow: 0 8px 10px rgba(8, 23, 40, 0.3); /* 🔥 glow */
}