/* =========================================================
   MASTER HEADER
========================================================= */

.master-header {
    width: 100%;
}


/* =========================================================
   MASTER CONTAINER
   Content max-width: 1300px
========================================================= */

.master-container {
    width: 100%;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}


/* =========================================================
   TOP HEADER
========================================================= */

.master-header-top {
    width: 100%;
    background: linear-gradient(to right, #F77B4D, #29477C);
    color: #fff;
    font-size: 14px;
}

.master-header-top-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

.master-header-top-left {
    display: flex;
    align-items: center;
}

.master-contact-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-right: 15px;
}

.master-contact-item img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.master-contact-item a,
.master-contact-item a:hover,
.master-contact-item a:focus {
    color: #fff;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    outline: none;
}

.master-header-top-right a,
.master-header-top-right a:hover,
.master-header-top-right a:focus {
    color: #fff;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    outline: none;
}


/* =========================================================
   MAIN HEADER
========================================================= */

.master-header-main {
    width: 100%;
    background: #fff;
    padding: 15px 0;
}

.master-header-main-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}


/* =========================================================
   LOGO
========================================================= */

.master-logo {
    width: 25%;
}

.master-logo img {
    width: 50%;
    height: auto;
    display: block;
}


/* =========================================================
   SEARCH
========================================================= */

.master-search {
    width: 35%;
}

.master-search form {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    gap: 8px;
}

.master-search input[type="search"] {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 25px;
    outline: none;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
}

.master-search input[type="search"]:focus {
    outline: none;
    border-color: #2c3e75;
}

.master-search button {
    border: none;
    background: #2c3e75;
    color: #fff;
    padding: 10px 16px;
    border-radius: 25px;
    cursor: pointer;
    line-height: 1;
}

.master-search button:hover,
.master-search button:focus {
    background: #213B6B;
    color: #fff;
    border: none;
    outline: none;
}


/* =========================================================
   HEADER ICONS
========================================================= */

.master-icons {
    display: flex;
    align-items: center;
    gap: 20px;
}

.master-icon-item {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: #333;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}

.master-icon-item img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.master-icon-item:hover,
.master-icon-item:focus {
    color: #333;
    text-decoration: none;
    opacity: 0.7;
    outline: none;
}

.master-icon-item.whatsapp-item img {
    width: 28px;
    height: 28px;
}


/* =========================================================
   MOBILE MENU ICON
========================================================= */

.master-mobile-menu-icon {
    display: none;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    color: #2c3e75;
    user-select: none;
}


/* =========================================================
   NAVBAR
========================================================= */

.master-navbar {
    width: 100%;
    background: #2c3e75;
    padding: 15px 0;
}

.master-navbar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}


/* =========================================================
   MENU WRAPPER
========================================================= */

.mobile-menu-wrapper {
    flex: 1;
}


/* =========================================================
   DESKTOP MENU
========================================================= */

.master-menu {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 60px;
    padding: 0;
    margin: 0;
}

.master-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.master-menu li a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    white-space: nowrap;
}

.master-menu li a:hover,
.master-menu li a:focus {
    color: #fff;
    text-decoration: none;
    opacity: 0.8;
    outline: none;
}


/* =========================================================
   CONTACT BUTTON
========================================================= */

.master-contact-btn {
    display: none;
/*  display: inline-block; */
    background: #fff;
    color: #000;
    padding: 4px 9px;
    border-radius: 5px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    white-space: nowrap;
}

.master-contact-btn:hover,
.master-contact-btn:focus {
    background: #fff;
    color: #000;
    text-decoration: none;
    outline: none;
}

/* mega menu */
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-right > a.mega-menu-link:before{
display: none;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .master-menu {
        gap: 25px;
    }

    .master-menu li a {
        font-size: 16px;
    }

    .master-icons {
        gap: 12px;
    }

    .master-icon-item {
        font-size: 12px;
    }

    .master-logo img {
        width: 65%;
    }

}


/* =========================================================
   TABLET / SMALL DESKTOP
========================================================= */

@media (max-width: 992px) {

    .master-search {
        width: 32%;
    }

    .master-menu {
        gap: 15px;
    }

    .master-menu li a {
        font-size: 15px;
    }

    .master-contact-btn {
        font-size: 16px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    /* Container */

    .master-container {
        padding-left: 15px;
        padding-right: 15px;
    }


    /* Hide top header */

    .master-header-top {
        display: none;
    }


    /* Main header */

    .master-header-main {
        padding: 12px 0;
    }

    .master-header-main-inner {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }


    /* Logo */

    .master-logo {
        width: auto;
    }

    .master-logo img {
        width: 120px;
        max-width: 100%;
    }


    /* Hide search */

    .master-search {
        display: none;
    }


    /* Hide desktop icons */

    .master-icons {
        display: none;
    }


    /* Show hamburger */

    .master-mobile-menu-icon {
        display: block;
    }


    /* Navbar */

    .master-navbar {
        padding: 0;
        background: #fff;
    }

    .master-navbar-inner {
        display: block;
        width: 100%;
        padding: 0;
    }


    /* Menu wrapper */

    .mobile-menu-wrapper {
        display: none;
        width: 100%;
    }

    .mobile-menu-wrapper.active {
        display: block;
    }


    /* Mobile menu */

    .master-menu {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .master-menu li {
        width: 100%;
        border-bottom: 1px solid #eee;
    }

    .master-menu li a {
        display: block;
        width: 100%;
        padding: 12px 15px;
        color: #000;
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
        white-space: normal;
        box-sizing: border-box;
    }

    .master-menu li a:hover,
    .master-menu li a:focus {
        color: #2c3e75;
        background: #f7f7f7;
        opacity: 1;
    }


    /* Contact button */

    .master-contact-btn {
        display: block;
        width: 90%;
        margin: 12px auto;
        padding: 8px 10px;
        text-align: center;
        font-size: 16px;
        box-sizing: border-box;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .master-container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .master-header-main {
        padding: 10px 0;
    }

    .master-logo img {
        width: 105px;
    }

    .master-mobile-menu-icon {
        font-size: 26px;
    }

    .master-menu li a {
        font-size: 15px;
        padding: 11px 12px;
    }

}