header {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    padding: 28px 0px;
}

.navbar {
    width: 100%;
    z-index: 99;
}

header.sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #000;
    z-index: 9999;
    padding: 0px;
}


.custom_menu ul {
    display: flex;
    column-gap: 24px;
    align-items: center;
}

header .menu-item-has-children:after {
    content: '';
    position: absolute;
    background-image: url(../images/down-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 16px;
    height: 11px;
    top: 17px;
    right: -2px;
}

ul.sub-menu {
    position: absolute;
    display: none;
    background: #000;
    padding: 10px;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 80px;
    /* column-count: 3; */

}

/* .ubermenu */
ul#ubermenu-nav-main-3-header {
    column-gap: 50px;
}
.ubermenu-submenu{
	width:fit-content !important;
}
.ubermenu-skin-grey-white {
    border: none;
    background: none !important;
}

.custom_menu li#menu-item-369 a {
    padding: 0px !important;
	text-transform: uppercase !important;
}

.ubermenu-skin-grey-white .ubermenu-item-level-0:hover>.ubermenu-target,
.ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-active>.ubermenu-target {
    background: none !important;
    color: #9066F2 !important;
}

.custom_menu li#menu-item-369:hover a {
    color: #fff !important;
}

.ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-item>.ubermenu-target,
.ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-parent>.ubermenu-target,
.ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor>.ubermenu-target {
    background: none !important;
    color: #9066F2 !important;
}

.ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-current-menu-item>.ubermenu-target {
    color: #9066F2 !important;
}

.ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-item>.ubermenu-target,
.ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-parent>.ubermenu-target,
.ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor>.ubermenu-target {
    color: #fff;
    background: #000;
}

ul.ubermenu-row.ubermenu-row-id-667.ubermenu-autoclear a {
    font-size: 12px !important;
    font-weight: 400;
}

.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-active>.ubermenu-submenu.ubermenu-submenu-type-mega {
    background: black !important;
    border: none !important;
}

.ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-target:hover,
.ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-active>.ubermenu-target {
    color: #9066F2 !important;
}

.ubermenu-skin-grey-white .ubermenu-submenu,
.ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-target {
    color: #fff !important;
}

.ubermenu-skin-grey-white .ubermenu-item-level-0>.ubermenu-target {
    color: #FFF !important;
    font-family: var(--fontRobotoLight);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    text-transform: capitalize !important;
}

ul.ubermenu-row.ubermenu-row-id-667.ubermenu-autoclear li a {
    display: flex;
    align-items: baseline;
}

/* .ubermenu */
.custom_menu ul li:hover ul.sub-menu {
    display: block;
}

.custom_menu ul li {
    padding: 10px 16px;
    position: relative;
}

.custom_menu ul li a {
    color: #F5F5F5;
    font-family: var(--fontRobotoLight);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
}

.custom_menu li#menu-item-369 {
    display: flex;
    padding: 10px 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.60);
    background: transparent;
    position: relative;
    text-transform: uppercase;
    color: #FFF;
}

ul.ubermenu-row.ubermenu-row-id-674.ubermenu-autoclear a,
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target {
    font-size: 14px !important;
    line-height: 24px;
    text-decoration: none;
}

.custom_menu li#menu-item-369::after {
    content: "";
    background-image: url(../images/up-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 16px;
    height: 20px;
}

.custom_menu li#menu-item-369:hover {
    border: 1px solid #9066F2;
    background: #9066F2;
}

.custom_menu li#menu-item-369 a:hover {
    text-decoration: none;
}


.custom_menu ul li a:hover,
.custom_menu ul li.current-menu-item>a,
.navbar.sticky-navbar .custom_menu ul li a:hover,
.navbar.sticky-navbar .custom_menu ul li.current-menu-item>a {
    color: #fff;
    text-decoration: underline;
    font-family: var(--fontRoboto);

}

.ubermenu-skin-grey-white .ubermenu-submenu.ubermenu-submenu-drop {
    background: #000 !important;
    border: none !important;
}

.custom_menu ul li.current-menu-item {
    background: none !important;
}
li#menu-item-369.ubermenu-current-menu-item a {
    color: #fff !important;
}
.ubermenu.ubermenu-transition-slide .ubermenu-active>.ubermenu-submenu.ubermenu-submenu-type-mega, .ubermenu:not(.ubermenu-transition-slide) .ubermenu-submenu.ubermenu-submenu-type-mega{
	max-height:unset !important;
}
.ubermenu .ubermenu-row ul{
	display:block;
}
.ubermenu-submenu {
    width: 100% !important;
}
.ubermenu .ubermenu-row {
    margin-bottom: 0px;
    clear: both;
    align-items: flex-start;
}
ul.ubermenu-submenu.ubermenu-submenu-id-668>li>a {
    display: flex;
	align-items:center;
}
.ubermenu-submenu.ubermenu-submenu-id-641 {
    width: 50% !important;
}
.solution-sub-heading {
    padding-top: 0px !important;
	color: #FFF;
	font-family: var(--roboto);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	text-decoration-line: underline;
}
.solution-main-heading{
	color: #9066F2;
	font-family: var(--robotoMD);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	margin-top:30px;
}
li#menu-item-974-post-244 span.ubermenu-target-title.ubermenu-target-text {
    font-size: 12px;
    line-height: 20px;
}
ul.ubermenu-submenu.ubermenu-submenu-id-958>li>a {
    display: flex;
}
.ubermenu .ubermenu-icon {
    line-height: inherit !important;
}
@media screen and (min-width:991px) and (max-width:1399px) {
ul#ubermenu-nav-main-3-header {
    column-gap: 30px;
}
}

@media screen and (min-width:991px) and (max-width:1199px) {
	
	ul#ubermenu-nav-main-3-header{
		column-gap:0px;
	}
	ul#ubermenu-nav-main-3-header>li>a {
    	padding-left: 12px;
	}
	.ubermenu .ubermenu-nav .ubermenu-column-6-11 {
    display: none !important;
	}
}

@media only screen and (max-width:991px) {
	
	.ubermenu .ubermenu-nav .ubermenu-column-1-2 {
    	width: 50%;
	}
	ul.ubermenu-submenu.ubermenu-submenu-id-668 {
    padding-bottom: 0px;
	}
	.ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
    margin-top: 0px;
	}
	ul.ubermenu-row.ubermenu-row-id-985 {
    display: block;
	}
	.ubermenu .ubermenu-nav .ubermenu-column-1-2 {
    width: 100% !important;
	}
	ul.ubermenu-row.ubermenu-row-id-667 {
    display: none !important;
	}
	.ubermenu-submenu.ubermenu-submenu-id-654 {
    padding-top: 12px;
	}
	.ubermenu .ubermenu-nav .ubermenu-column-6-11 {
    display: none !important;
	}
	ul.ubermenu-row.ubermenu-row-id-959 {
    display: block;
	}
	ul.ubermenu-row.ubermenu-row-id-984 {
    display: none;
	}
	.solution-sub-heading {
    display: none;
	}
	li.ubermenu-item.ubermenu-item-type-post_type.ubermenu-item-object-solution.ubermenu-item-840 {
    display: none;
	}
	li.ubermenu-item.ubermenu-item-type-custom.ubermenu-item-object-ubermenu-custom.ubermenu-item-972 {
    display: none;
	}
	li.ubermenu-item.ubermenu-item-type-custom.ubermenu-item-object-ubermenu-custom.ubermenu-dynamic-post.ubermenu-item-988.ubermenu-item-988-post-244.ubermenu-item-auto.ubermenu-item-normal.ubermenu-item-level-3.ubermenu-column.ubermenu-column-auto {
    display: none;
}
	.ubermenu-submenu.ubermenu-submenu-id-641.ubermenu-submenu-type-auto.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width{
		position:relative;
		left: 40px;
	}
	ul#ubermenu-nav-main-3-header {
    display: block;
	}
	.ubermenu .ubermenu-item.ubermenu-item-level-0 {
    width: 100%;
	}
	.ubermenu .ubermenu-item.ubermenu-item-level-0>a {
    padding: 8px 12px;
	}
	.ubermenu-item.ubermenu-active .ubermenu-submenu {
    display: block;
	}
	.ubermenu-item .ubermenu-submenu {
    display: none;
	}
	ul.ubermenu-row.ubermenu-row-id-667.ubermenu-autoclear {
    display: block;
	}
	.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-active>.ubermenu-submenu.ubermenu-submenu-type-mega {
    left: 40px;
    position: relative;
	}
	.ubermenu .ubermenu-nav .ubermenu-column-1-2 {
    width: 100%;
	}
    div#offcanvasExample {
        width: 50%;
        background: #0c0b0b;
    }

    button.btn-close.text-reset {
        filter: invert(1);
    }

    li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-369 {
        padding: 6px 20px;
        border: 1px solid #fff;
        border-radius: 4px;
        margin-top: 8px;
        position: relative;
    }

    li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-369::after {
        content: "";
        background-image: url(../images/up-arrow.svg);
        background-size: cover;
        background-repeat: no-repeat;
        width: 16px;
        height: 20px;
    }

    li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-369:hover {
        background: #9066F2;
        border: 1px solid #9066F2;
    }

    li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-369:hover a {
        color: #fff;
        text-decoration: none;
    }

    .custom_menu {
        float: left;
    }

    .offcanvas-header .logo img {
        width: 100px;
    }

    .custom_menu ul li {
        padding: 12px 0px;
    }

    header .menu-item-has-children:after {
        top: 18px;
        right: -16px;
    }

    .custom_menu .menu {
        display: flex;
        column-gap: 24px;
        align-items: baseline;
        flex-direction: column;
    }

    ul.sub-menu {
        position: relative;
        background: #000;
        padding: 0;
        top: 0;
        right: -89px;
    }

}

@media only screen and (max-width:767px) {
	    div#offcanvasExample {
        width: 70%;
        background: #0c0b0b;
    	}
	.ubermenu-nav-main-3-header{ 
		display: flex;
    	flex-direction: column;
    	align-items: flex-start;
	}
    .offcanvas-body {
        padding: 0px;
    }

    nav.navbar.navbar-expand-lg .navbar-toggler:focus {
        box-shadow: none;
    }

    .page-template-front-page nav.navbar.navbar-expand-lg i.material-symbols-outlined {
        color: #fff;
    }

    .navbar.sticky-navbar i.material-symbols-outlined {
        color: #000 !important;
    }

    .navbar-toggler {
        padding: 0px;
    }

    .header_logo {
        width: 100px;
    }

    .navbar-collapse {
        display: flex;
        width: 100%;
    }

    .woocommerce-breadcrumb {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }


    .offcanvas-header .logo img {
        width: 120px;
        height: 100%;
    }
		.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-active>.ubermenu-submenu.ubermenu-submenu-type-mega, .ubermenu-submenu.ubermenu-submenu-id-641 {
        left: 24px !important;
    }

}
@media only screen and (max-width:575px) {
    div#offcanvasExample {
        width: 100%;
        background: #0c0b0b;
    }
	.ubermenu .ubermenu-icon {
    width: auto !important;
    line-height: inherit !important;
	}
	a.ubermenu-target.ubermenu-target-with-icon.ubermenu-item-layout-default.ubermenu-item-layout-icon_left {
    display: flex;
    align-items: flex-start;
	}
	ul.ubermenu-submenu.ubermenu-submenu-id-958>li>a, ul.ubermenu-submenu.ubermenu-submenu-id-668>li>a,ul.ubermenu-submenu.ubermenu-submenu-id-669>li>a, ul.ubermenu-submenu.ubermenu-submenu-id-675>li>a {
    padding: 4px 8px !important;
	}
	.ubermenu .ubermenu-target-text {
    margin-right: 10px !important;
	}
	.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    right: auto !important;
	}
	.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-active>.ubermenu-submenu.ubermenu-submenu-type-mega, .ubermenu-submenu.ubermenu-submenu-id-641 {
        left: 18px !important;
    }
}