.overflow-hidden{overflow: hidden;-webkit-tap-highlight-color: transparent}
.sticky{position:fixed !important; z-index: 999;width:100%; animation: slide-down .7s; top: 0;left:0;-webkit-tap-highlight-color: transparent}
@keyframes slide-down{
    0%
    {
        opacity:0;transform:translateY(-100%)
    }
    to
    {opacity:.9;transform:translateY(0)
    }100%
}

.header{background-color:#ffffff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}

.hs-menu-wrapper>ul>li:not(:first-child):after { position: absolute;     transition: 0.5s;content: ''; top: 63%; transition:all ease .3;left: 0; background: rgba(0, 0, 0, 0.1); width: 2px; height: 10px; transform: translateY(-63%); }
.hs-menu-wrapper>ul>li:last-child a { border: none; padding-right: 15px; }
/* .hs-menu-wrapper>ul>li:first-child{background:#000;} */
.header .hs-menu-wrapper>ul>li>a {padding: 0 20px; }
.header .navigation_menu ul li:last-child{padding-right: 0;}
.header .hs-menu-wrapper>ul>li>a{ font-size: 18px; line-height: 1.1; font-weight: 600;color:#1c1c1c; }
.header .hs-menu-wrapper>ul>.hs-item-has-children>a:after{content:'';background-image:url('https://27114820.fs1.hubspotusercontent-eu1.net/hubfs/27114820/Braunstift_Apr2023/Images/Vector.svg');
  background-size:contain;background-repeat:no-repeat;width:8px;   display: inline-block;    height: 7px;margin-left:15px;}
.header .hs-menu-wrapper>ul>li:hover a:after{transform:rotate(180deg);}
.header .hs-menu-wrapper>ul>li{border-top:5px solid transparent;cursor:pointer;}
.header .hs-menu-wrapper>ul>li:hover {border-top:5px solid #9BC6B5;}
.header ul{-webkit-tap-highlight-color: transparent}
.hs-menu-children-wrapper>li:last-child a { margin: 0; }
.hs-menu-children-wrapper li a{font-weight: 600;margin-bottom: 10px;}
/* .hs-item-has-children:hover>.hs-menu-children-wrapper a:hover{color:#9BC6B5 !mportant;} */
/* .header .hs-menu-wrapper>ul>li:hover .hs-menu-item>a{color:#9BC6B5 ;} */
.hs-menu-depth-2 { margin-bottom: 10px; }

.hs-menu-depth-2:last-child{margin-bottom:0;}
@media (min-width: 768px){
    .hs-menu-depth-1 a:hover{color:#9BC6B5 !important;}
    .header .navigation_menu{display: block !important;}
    .header .bar_icon{display: none;}
    .hs-menu-wrapper>ul>li{ position: relative;padding-bottom:20px;padding-top:40px;margin-bottom:20px; }
    .hs-item-has-children:hover>.hs-menu-children-wrapper{ background:#ffffff;left:-50%; box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.1);padding:20px 20px; border-radius: 0; z-index:12;}
    .hs-item-has-children:hover>.hs-menu-children-wrapper a{color:#1c1c1c;}
    .header .hs-menu-wrapper>ul>li:hover a{ transition: 0.3s;}
    .hs-menu-children-wrapper{visibility:hidden;opacity:0;position:absolute;}
/* .header .hs-menu-wrapper>ul>li:hover .header .hs-menu-depth-1>a{color:#1c1c1c;} */
    .header .hs-menu-wrapper>ul>li:hover .hs-menu-children-wrapper { opacity: 1; visibility: visible; display: block;top: 100%; width: 100%; min-width: 250px; }
}

@media (max-width: 767px){
    .header .logo span, .header .logo a{line-height: 0; display: block;}
    .header .btn a{font-size: 16px; padding: 8px 15px;}
    .header .navigation_menu{display: none; background: #fff; left: 0; position: absolute; top: calc(100% + 15px); height: calc(calc(100vh - 100%) - 15px); width: 100%; z-index: 1024; overflow: auto; background-color: rgba(247, 247, 247, 1.0);}
    .header .bar_icon{width: 40px; height: 30px; cursor:pointer;display: flex; flex-wrap: wrap; align-items: center;}
    .header .bar_icon span{background-color: #9BC6B5; display: block; height: 2px; width: 100%; margin-top: 0px; position: relative; transition: 0.5s all ease;}
    .header .bar_icon.nav_open span:nth-child(1){transform: rotate(45deg); top: 10px;}
    .header .bar_icon.nav_open span:nth-child(2){opacity: 0;}
    .header .bar_icon.nav_open span:nth-child(3){transform: rotate(-45deg); top: -10px;}
    .header .hs-menu-wrapper>ul>li{padding: 10px 20px;border-bottom:2px solid #1c1c1c;margin-bottom:0;}
    .header .hs-menu-wrapper>ul>li:last-child{border-bottom:none;}
    .open-menu-list {transform: rotate(-135deg); -webkit-transform: rotate(-135deg) !important;transition:all ease .3s; }
    ul.hs-menu-children-wrapper>li {border-bottom: 2px solid rgba(0,0,0,.1);}
    ul.hs-menu-children-wrapper>li>a{color:#1c1c1c;}
    .hs-menu-wrapper>ul>li:not(:first-child):after{display:none;}
    .header .hs-menu-wrapper>ul>li:hover{border-top:5px solid transparent;}
    .header .hs-menu-wrapper>ul>li>a{padding:0;}
    .header .logo_bar, .header .btn, .header .bar_icon{position: relative; z-index: 25;}
    .header{padding:20px 0;}
    ul.hs-menu-children-wrapper li { border-bottom: 2px solid; margin: 0; padding-top: 10px;padding-bottom:10px; }
    ul.hs-menu-children-wrapper li:last-child { border-bottom: none; }
    
    .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover>.hs-menu-children-wrapper{padding:0;}
/*     ul.hs-menu-children-wrapper:hover * { color: #1c1c1c !important; } */
   .header .hs-menu-wrapper>ul>li>ul{display:none;}
    .childExpand { width: 10px; height:10px; margin-left:0; right:20px;position: absolute; z-index: 999;border: solid #1c1c1c;   border-width: 0 3px 3px 0;transform: rotate(45deg);   -webkit-transform: rotate(45deg);   display: inline-block;   padding: 4px; }

    /*     .open-menu-list{position:relative !important;} */
}

@media (max-width: 480px){
    .header .btn a{min-width: auto;}
}








