/* vuepak-header.css */

@import url('https://www.vuepak.com/assets/css/bootstrap.min.css?r=11.4');
@import url('https://www.vuepak.com/assets/css/common-style.css?r=11.4');
@import url('https://www.vuepak.com/assets/css/common-responsive.css?r=11.4');
@import url('https://www.vuepak.com/assets/fonts/poppins/stylesheet.css?r=11.4');
@import url('https://www.vuepak.com/assets/fonts/inter/stylesheet.css?r=11.4');

/* Your additional header overrides here */

#vuepak-header .nav-link,
#vuepak-header .top-right .login a.nav-link {
    font-weight: 500;
    line-height: 27px;
    font-family: Inter, sans-serif;
    font-size: 18px
}

header#vuepak-header {
    border-bottom: 1px solid #919191;
    padding: 8.5px 0;
    background-color: #fff
}

#vuepak-header .submenu-icon {
    min-width: 24px;
}
#vuepak-header .submenu-icon img {
    width: 24px;
}
#vuepak-header .navbar-expand-lg .navbar-nav .dropdown-menu a.dropdown-item {
    display: flex;
    align-items: center;
    column-gap: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
}
#vuepak-header a.dropdown-item .submenu-text p {
    margin: 0;
}
#vuepak-header a.dropdown-item .submenu-text p.caption {
    font-size: 14px;
}
#vuepak-header .navbar-expand-lg .navbar-nav .dropdown-menu li {
    padding: 0px 15px;
}
#vuepak-header .navbar-expand-lg .navbar-nav .dropdown-menu li .dropdown-item:hover {
    background: rgba(88, 128, 51, 0.3);
}



#vuepak-header .nav-link {
    color: rgb(54 54 54);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    text-align: left;
    text-transform: uppercase
}
#vuepak-header .dropdown-item {
	font-size: 16px;
}

#vuepak-header .dropdown-toggle::after {
    margin-left: .7em;
    border-top: .4em solid;
    border-right: .4em solid #fff0;
    border-left: .4em solid #fff0;
    color: #5f6368;
    transition: .5s ease-in-out;
    content: "";
}




#vuepak-header .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 12.5px;
    padding-left: 12.5px;
    transition: .5s ease-in-out
}

#vuepak-header .navbar-toggler.collapsed .navbar-toggler-icon {
    position: relative;
    display: inline-block !important;
}


#vuepak-header .navbar-toggler.collapsed .navbar-toggler-icon::before {
    position: absolute;
    content: "+";
    width: 30px;
    height: 30px;
    font-size: 39px;
    left: 6px;
    top: -7px;
    transform: rotate(45deg)
}

#vuepak-header .navbar-toggler {
    border: 0
}

#vuepak-header .navbar-expand-lg .navbar-nav li.book_demo .nav-link {
    background: rgb(88 128 51);
    padding: 12px 24px;
    border-radius: 8px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #fff
}

#vuepak-header .top-right li a.nav-link {
    padding: 0
}

#vuepak-header .top-right ul.navbar-nav {
    gap: 30px
}

#vuepak-header .collapse:not(.show) {
	display: none !important;
}

#vuepak-header .navbar-collapse {
	padding-right: 0;
	padding-left: 0;
}
#vuepak-header .navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 12.5px;
	padding-left: 12.5px;
	transition: .5s ease-in-out;
	padding-top: 8px;
	padding-bottom: 8px;
} 
#vuepak-header .top-right li.sales a.nav-link {
	display: block;
	font-family: Inter, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
} 


@media (min-width: 1081px) {
header#vuepak-header .navbar-expand-lg .navbar-collapse {
	display: flex !important;
	flex-basis: auto;
} 
}

@media only screen and (max-width: 1080px) {
.navbar-nav {
	margin-bottom: 0 !important;
	width: 100%;
}
#vuepak-header .top-right ul.navbar-nav {
	gap: 0px;
}

#vuepak-header .top-right li.sales a.nav-link {
	text-align: left;
} 
#vuepak-header .top-right ul.navbar-nav .sales .nav-link {
	font-size: 18px;
}

#vuepak-header .navbar > .container .navbar-brand, #vuepak-header .navbar > .container-fluid .navbar-brand {
	margin-left: 0;
}
.top-right ul.navbar-nav li .nav-link {
	padding: 9.5px 0 9.5px 13px !important;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	background: 0 0;
	position: relative;
}
#vuepak-header .navbar-collapse {
	padding-right: 0%;
	padding-left: 0%;
	margin: auto;
} 
#vuepak-header .navbar-collapse::before {
display: none; 
}
#vuepak-header .navbar-nav {
	margin: 0px !important;
}
#vuepak-header .navbar-toggler {
	padding-right: 0;
	position: absolute;
	top: 15px;
	right: 30px;
}
#vuepak-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	right: 15px;
}
.navbar-toggler {
	font-size: var(--bs-navbar-toggler-font-size);
	line-height: 1;
	color: var(--bs-navbar-color);
}
}


@media screen and (min-width:1081px) and (max-width:1279px) {
   #vuepak-header .navbar-brand img {
        max-width: 120px !important;
    }

     #vuepak-header .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 8.5px !important;
        padding-left: 8.5px !important;
    }

     #vuepak-header .top-right li.sales a.nav-link {
        font-size: 16px !important;
    }

    #vuepak-header .top-right ul.navbar-nav {
        gap: 15px !important;
    }


}


@media only screen and (min-width: 769px) {
.navbar-brand {
    padding: 0px !important;
    display: flex;
}
}


@media only screen and (max-width: 575px) {
.navbar-brand {
	display: flex;
}
header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
	position: absolute;
	top: -14px;
	right: -42px;
	left: 0;
	margin: 0 auto;
	color: var(--bs-navbar-color);
	font-weight: normal;
} 
}