header {

    position: absolute;

    width: 100%;

}



header nav ul.navMenu {

    gap: 40px;

    flex-direction: row;

}



header svg path {

    fill: #fff;

}



header .row {

    position: absolute;

    z-index: 1000;

}



header ul#menu-primary li a {

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 100px;

    color: #fff;

    font-family: 'Open-Sans';

}



header nav ul li.menu-item-has-children a {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 18px;
    font-family: 'Open-Sans';
}



header nav ul li.menu-item-has-children>.sub-menu {

    display: none;

}



header nav ul li.menu-item-has-children:hover .sub-menu {

    display: block;

}



header nav ul li.menu-item-has-children .sub-menu {

    position: absolute;

    padding: 0;

    margin: 0;

    list-style-type: none;

    top: 50px;

}

header a {
    color: #fff;
    font-size: 18px;
    font-family: "Open-Sans";
}





header nav ul.navMenu>li:hover>a {

    color: #D34343 !important;

}



/* header nav ul.navMenu>li:hover>a path {

    fill: red;

} */



header nav ul li.menu-item-has-children .sub-menu li:hover>a {

    color: #D34343;

}



header nav.navbar {

    border-radius: 5px;

    border: 1px solid #494949;

    background: rgba(42, 40, 40, 0.60);

    margin-top: 50px;

    padding: 0 30px;

}



header li.menu-item-has-children:hover a {

    color: #fff !important;

}



header li.menu-item-has-children .sub-menu li a {

    line-height: normal!important;

    color: #fff;

}



header li.menu-item-has-children:hover .sub-menu{

    display: flex!important;

    flex-direction: column;

    top: 100%;

    background: rgba(42, 40, 40, 0.60);

    gap: 20px;

    padding: 30px;

    border-radius: 5px;

    backdrop-filter: blur(15px);

    -webkit-backdrop-filter: blur(10px);

    z-index: -1;

    border: 1px solid #494949;

}



header li.menu-item-has-children:hover .sub-menu li a:hover{

    color: #D34343 !important;

}



header .menu-item:hover a {

    color: #D34343 !important;

}



@media (max-width: 1755px) {

    .navbar-collapse {

        display: none !important;

        /* Hide the menu initially */

    }



    .navbar-collapse.collapse.show {

        display: block !important;

        /* Show the menu when toggled */

    }



    .navbar-toggler {

        display: block !important;

        /* Show the toggler */

    }



    header nav ul.navMenu {

        flex-direction: column !important;
        line-height: unset;


    }

    header nav.navbar {
        padding: 20px;
    }


    header ul#menu-primary li a {

        line-height: unset;

    }



    div#collapsibleNavbar {

        padding: 50px;

        position: absolute;

        top: 100%;

        width: 100%;

        left: 0;

        backdrop-filter: blur(30px);

        z-index: 10000 !important;

    }



    header nav ul.navMenu>li:hover>a {

        color: unset !important;

    }



    header nav ul li.menu-item-has-children .sub-menu {

        position: relative;

        display: block;

        top: 0;

        padding-left: 20px;

        padding-top: 10px;

    }



    header li#menu-item-93:hover .sub-menu {

        background: transparent;

        display: block;

        position: relative;

        border: none;

    }





    header nav ul li.menu-item-has-children .sub-menu li a {

        line-height: normal;

        padding: 10px 0;

    }

}



@media (min-width: 1756px) {

    .navbar-toggler {

        display: none !important;

        /* Hide the toggler on larger screens */

    }



    .navbar-collapse {

        display: flex !important;

        /* Show the full menu */

        max-width: 75%;

        justify-content: flex-end;
    }





}



@media (min-width: 1200px) {

    header .row {

        width: 80%;

    }

}



@media (max-width: 1199px) {

    header nav ul li.menu-item-has-children .sub-menu {

        position: unset;

    }



    header nav ul.navMenu {

        gap: 15px;

    }

    

    header .row {

        width: 100%;

    }



    header nav ul.navMenu li.menu-item-has-children>.sub-menu {

        padding-left: 15px;

    }



    header nav ul.navMenu>li {

        padding: 0;

    }



    header nav.navbar {

        padding-left: 30px;

        padding-right: 30px;

    }

}



@media (max-width: 767px) {

    header nav.navbar {

        padding-left: 20px;

        padding-right: 20px;

    }

}



@media (max-width: 385px) {

    header a.navbar-brand {

        width: 65%;

    }



    header a.navbar-brand img {

        width: 100%;

    }



}