/* ==========================================================
   INSIDE UDAIPUR
   HEADER
   Version : 4.0
========================================================== */

/* Header */

.site-header{
    background:#ffffff;
    border-bottom:1px solid var(--border);
    position:sticky;
    top:0;
    z-index:999;
    transition:.3s ease;
}

/* Main Container */

.inside-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:78px;
    gap:24px;
}

/* Logo */

.site-logo{
    flex-shrink:0;
}

.site-logo a{
    display:block;
}

.header-image{
    display:block;
    height:58px;
    width:auto;
}

/* Navigation */

.main-navigation{
    background:transparent !important;
    margin-left:auto;
}

.main-navigation .inside-navigation{
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.main-navigation .main-nav>ul{
    display:flex;
    align-items:center;
    margin:0;
    padding:0;
    gap:24px;
    list-style:none;
}

.main-navigation .main-nav>ul>li{
    margin:0;
}

.main-navigation .main-nav>ul>li>a{
    position:relative;
    display:flex;
    align-items:center;
    height:78px;
    padding:0;
    color:#123458;
    font-size:15px;
    font-weight:600;
    transition:.25s;
}

/* Hover */

.main-navigation .main-nav>ul>li:hover>a,
.main-navigation .main-nav>ul>li.current-menu-item>a{
    color:#D4A017;
}

/* Underline */

.main-navigation .main-nav>ul>li>a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:20px;
    width:100%;
    height:2px;
    background:#D4A017;
    transform:scaleX(0);
    transform-origin:left;
    transition:.25s;
}

.main-navigation .main-nav>ul>li:hover>a::after,
.main-navigation .main-nav>ul>li.current-menu-item>a::after{
    transform:scaleX(1);
}

/* Dropdown */

.main-navigation ul ul{
    border-radius:14px;
    border:1px solid var(--border);
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

/* Mobile */

@media(max-width:1024px){

.site-header{
    position:relative;
}

.inside-header{
    min-height:68px;
}

.header-image{
    height:48px;
}

.main-navigation{
    margin-left:0;
}

}


/* ==========================================================
   FINAL HEADER FIX
========================================================== */

.site-header .inside-header{
    padding:0 !important;
}

.main-navigation{
    flex:1 1 auto;
    min-width:0;
}

.main-navigation .inside-navigation{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-end !important;
    align-items:center;
    width:100%;
}

.main-navigation .main-nav{
    flex:1;
}

.main-navigation .main-nav > ul{
    display:flex;
    flex-wrap:nowrap !important;
    justify-content:flex-end;
    align-items:center;
    gap:10px;
    white-space:nowrap;
}

.main-navigation .main-nav > ul > li{
    flex:0 0 auto;
}

.main-navigation .main-nav > ul > li > a{
    padding:0 10px;
    height:72px;
    font-size:15px;
}