.lg-content {
    max-width: 1600px;
}
.dropdown-group a {
    display: block; max-width: 210px;
}
.dropdown-items span {
    color: #222;
    font-weight: bolder;
    line-height: 1.6;
}

.nav-container {
    max-width: 100%;
}
.dropdown-group i.svg-icon img {
    width: 60px;
    filter: grayscale(1);
}
.cd-search-trigger::before {
    padding: 0.2em;
}
/*.nav.navbar-nav.ml-auto li:last-child.nav-item> .mega-dropdown > a::after {display: none;}*/

.dropdown-group a:hover i.svg-icon img {
    filter: grayscale(0);
}

#navbarCollapse .nav-item a.nav-link:hover {

}

#navbarCollapse .mr-auto .nav-item a.nav-link {
    position: relative;
}

#navbarCollapse .mr-auto .nav-item a.nav-link:before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    height: 1px;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
}

#navbarCollapse .mr-auto .nav-item a.nav-link:hover:before,
#navbarCollapse .nav-item.show a.nav-link:before {
    left: 21px;
    right: 35px;
}

#navbarCollapse .mr-auto .nav-item.mx-2 a.nav-link:hover:before,
#navbarCollapse .nav-item.mx-2.show a.nav-link:before {
    left: 6px;
    right: 21px;
}


#navbarCollapse .mr-auto .nav-item.show a.nav-link {

}

#navbarCollapse .mr-auto .nav-item.megamenu a.nav-link:after {
    -webkit-transform-origin: 100% 137%;
    transform-origin: 100% 137%;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
}

#navbarCollapse .mr-auto .nav-item.megamenu.show a.nav-link:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    /*color: #4848F0;*/
}

.megamenu.show .dropdown-menu .container {
    border-top: 1px solid #f7f7f7;
}

.nav-item.dropdown.megamenu .dropdown-menu.show:before {
    content: " ";
    background: rgba(255, 255, 255, 0.35);
    position: absolute;
    height: 100vh;
    width: 100%;
    z-index: -1;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    -webkit-transition: .5s;
    transition: .5s;
}

.dropdown-group a.dropdown-items:hover {
    text-decoration: underline;
}


.dropdown-title.readmore:after,
.nav-btn-viewall .readmore:after {
    content: "\f105";
    font-family: var(--fa-style-family, "Font Awesome 6 Pro");
    font-weight: var(--fa-style, 400);
    margin-left: 5px;
    -webkit-transition: .2s;
    transition: .2s;
}

a:hover .dropdown-title.readmore:after,
.nav-btn-viewall .readmore:hover:after {
    margin-left: 10px;
    -webkit-transition: .2s;
    transition: .2s;
}

.menu-ul-group .dropdown-subtitle.readmore:after {
    content: "\f105";
    font-family: var(--fa-style-family, "Font Awesome 6 Pro");
    font-weight: var(--fa-style, 400);
    margin-left: 5px;
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
}

.menu-ul-group a:hover .dropdown-subtitle.readmore:after {
    margin-left: 6px;
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 1;

}

.menu-ul-group a:hover b.dropdown-subtitle {
    color: #DB0025;
}

.menu-ul-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
}

ul.menu-ul-group li {
    width: 33.3%;
    padding-right: 60px;
    padding-top: 5px;
}

.nav-item.dropdown.megamenu p {
    font-size: 14px;
}

.nav-btn-viewall a {
    font-weight: 600;
    color: inherit;
}

a.dropdown-items {
    display: block;
    color: #000;
    padding: 6px 0;
}

/*
.topnav-hardware b.dropdown-subtitle {
    color: #999;
    font-weight: 600;
    font-size: 13px;
}
*/

b.dropdown-subtitle {
    color: #222;
    display: block;
    padding-bottom: 4px;
}

b.dropdown-title {
    margin-bottom: 8px;
    display: block;
    font-size: 16px;
}

.border-rounded-100 {
    border-radius: 50px
}

.dropdown-menu .col-lg-12.according>div>a>b:after {
    content: "\f105";
    font-family: var(--fa-style-family, "Font Awesome 6 Pro");
    margin-left: 5px;
    transition: .3s;
    font-weight: 400;
}
.dropdown-menu .col-lg-12.according>div>a:hover>b:after {
    margin-left: 10px;
}
/*
.border-right-line {
    border-right: 1px solid #EEE;
}
*/
.border-right-line:first-child:before{display: none;}
.border-right-line:before {
    content: "";
    width: 1px;
    background: #EEE;
    height: 100%;
    position: absolute;
    left: -10px;
}
header {
    background-color: #FFF;
}

.min-h-40 {
    min-height: 50px;
}

.hr-line {
    background-color: #222;
    display: inline-block;
    height: 1px;
    width: 120px;
    margin: 20px 0;
}
.dropdown-header h3 {
    font-size: 2.5rem;
}

ul.check-li {
    list-style: none;
}

ul.check-li li h4::before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 500;
    content: "\f14a";
    margin-right: 10px;
}

ul.check-li li h4 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.15rem;
}

.affix {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 900;
    background-color: #FFF;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
    box-shadow: 0 5px 15px rgb(0 0 0 / 3%);
}

.navbar {

    border-radius: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-box-shadow: 0px 4px 4px -4px #DDDDDD5E;
    box-shadow: 0px 4px 4px -4px #DDDDDD5E;


}

/*
.nav-item.active .nav-link {
    color: #FFF;
}
*/

.vs-home-nav .navbar-nav li
{  display: grid;
    align-items: center;
}

.navbar-nav li {
    padding: 0;
    font-weight: 400;
    color: #333;
    font-size: 14px;

}

 .navbar-nav li.mega-dropdown-content{
    display: flex;
}

#navbarCollapse .mr-auto .nav-item a.nav-link {
    position: relative;
    padding-top: 14px;
    padding-bottom: 14px;
}

#navbarCollapse .mr-auto .nav-item a.nav-link:before {
    content: " ";
    position: absolute;
    bottom: -7px;
    left: 50%;
    right: 50%;
    height: 1px;
    background-color: #DB0025;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
}

#navbarCollapse .mr-auto .nav-item a.nav-link:hover:before,
#navbarCollapse .nav-item.show a.nav-link:before {
    left: 0px;
    right: 0px;
    bottom: -7px;
}

#navbarCollapse .mr-auto .nav-item.mx-2 a.nav-link:hover:before,
#navbarCollapse .nav-item.mx-2.show a.nav-link:before {
    left: 6px;
    right: 21px;
}


#navbarCollapse .mr-auto .nav-item.show a.nav-link {
    color: #DB0025;
}

#navbarCollapse .mr-auto .nav-item.megamenu a.nav-link:after {
    -webkit-transform-origin: 100% 137%;
    transform-origin: 100% 137%;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
}


ul.menu-ul-group li>a,ul.menu-ul-group li>div{
    border-radius: 10px;
    padding: 20px 0;
    min-height: 100px;
    padding-left: 75px;
    position: relative;
    padding-right: 20px;
    text-decoration: none;
}

ul.menu-ul-group li>a.menuitem-no-icon,ul.menu-ul-group li>div.menuitem-no-icon{
    padding-left: 25px;
}

ul.menu-ul-group li>a:hover, ul.menu-ul-group li>div:hover{
    background: #F2F2F2;
    color: #000;
}

.dropdown-sublinks a {
    padding-top: 10px;
    display: inline-block;
    font-weight: 700;
    padding-right: 15px;
    text-decoration: underline;
}
.dropdown-sublinks a:hover {
text-decoration: underline;
}
a.navbar-brand img {

}

a.navbar-brand span {
    font-size: 14px;
    font-weight: 500;
}

a.navbar-brand span:after {
    content: " ";
    height: 2px;
    display: block;
}

.nav-container {
    max-width: 1600px;
}

nav.navbar svg {
    color: #DB0025;
}

a.nav-link img {
    max-width: 120px;
    width: 100%;

}



li.nav-item.no-bar:hover:after {
    display: none
}


li.nav-item:hover:after {
    content: "";
    width: 100%;
    transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

h6.dropdown-header {
    font-size: 9px;
    text-transform: uppercase;
    color: #999;
    padding: 10px;
    background-color: #f7f7f7;
}

.dropdown-item.indent {
    padding-left: 2.5em;
}
/** megamenu **/

a#megamenu:after {
    content: "\f0e0";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    -webkit-transform: none;
    transform: none;
    font-size: 22px;
    left: 0;
    position: relative;
    top: 2px;
    line-height: 0;
    display: initial;
    width: 100%;
    margin-left: 10px;
}

.nav-item.show a#megamenu:after {
    content: "\f4aa";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    -webkit-transform: none;
    transform: none;
    font-size: 22px;
    left: 0;
    position: relative;
    top: 2px;
    line-height: 0;
}

.megamenu {
    position: static
}

.megamenu .dropdown-menu {
    background: none;
    border: none;
    width: 100%
}

/** megamenu **/


.dropdown-menu li.nav-item {
    padding: 0;
    line-height: 2;
}

.dropdown-menu li.nav-item:after {
    display: none;
}

.dropdown-item {
    font-size: 14px;
}

.dropdown-items img.nav-icon {
    margin: 0 10px;
    position: absolute;
    left: 0;
    max-width: 50px;
}

.navbar .navbar-site {
    display: inline-block;
    padding-left: 1em;
    margin-left: 1em;
    font-weight: 500;
    color: #000;
    line-height: 30px;
}

a.nav-link.div-line:after {
    border-right: 1px solid #CCC;
    content: "　";
}

a.navbar-brand.navbar-site:before {
    border-left: 1px solid #CCC;
    content: "　";
}

hr.nav-hr {
    margin: 5px;
    border-top: 1px solid rgb(0 0 0 / 5%);

}

 @media (min-width: 1200px) {
     .mt-4.nav-assy {
         position: absolute;
         bottom: -20px;
     }

     .topnav-hardware .row.bg-white.rounded-0.m-0 {
         padding-bottom: 4em !important;
     }
 }
@media (max-width: 767px) {
    #navbarCollapse:before {
        content: " ";
        background: rgba(255, 255, 255, 0.35);
        position: absolute;
        height: 100vh;
        width: 100%;
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px);
        -webkit-transition: .5s;
        transition: .5s;
    }
}

@media (max-width: 1200px) {
/*
    #navbarCollapse .mr-auto .nav-item a.nav-link:before {
        background-color: transparent;
    }
*/

    ul.menu-ul-group li {
        padding-right: inherit;
    }

    .nav-item.dropdown.megamenu.show a.megamneu {
        background: #4848F0;
        color: #FFF;
    }

    .min-h-40 {
        min-height: inherit;
    }

    ul.menu-ul-group li {
        width: 50%;
    }

    .lg-content {
        max-width: 100%;
    }

    .nav-item a.megamneu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 15px 0;
    }


    #navbarCollapse .nav-item {
        background: #FCFCFC;
        color: #FFF;
        border-bottom: 1px solid #EEE;
        font-weight: 600;
        font-size: 16px;
    }

    .border-right-line {
        border-right: 0px solid #EEE;
    }

    ul.menu-ul-group {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    ul.menu-ul-group.mt-4 li {
        border-bottom: #EEE 1px solid;
    }

    ul.menu-ul-group.mt-4 li:last-child {
        border-bottom: 0px solid;
    }
}

@media (max-width: 997px) {
    #navbarCollapse .mr-auto .nav-item a.nav-link:hover:before,
    #navbarCollapse .nav-item.show a.nav-link:before {
        bottom: 0px;
    }
    #navbarCollapse .mr-auto .nav-item.mx-2 a.nav-link:hover:before,
#navbarCollapse .nav-item.mx-2.show a.nav-link:before {
   bottom: 0px;
}

#navbarCollapse .mr-auto .nav-item a.nav-link:before {
    bottom: 0px;
    }
    ul.navbar-nav {
        box-shadow: 0 15px 20px #0000000d;
        z-index: 11;
        position: relative
    }

    b.dropdown-subtitle {
        font-size: 14px;
    }

    a.dropdown-items {

        font-size: 14px;
    }

    .shadow-sm {
        -webkit-box-shadow: 0 0 0 !important;
        box-shadow: 0 0 0 !important;
    }

    ul.menu-ul-group li {
        width: 100%;
        padding-top: 0;
    }

    #navbarCollapse.show {
        overflow: auto;
        height: 100vh;
    }

    .according {
        border-bottom: #EEE 1px solid;
    }

    .according:last-child {
        border-bottom: #EEE 0px solid;
    }

    .customer-logos img {
        max-width: inherit;
        max-height: 50px;
        padding: 10px;
    }

}