.menu_outer {
    background: #C62828;
}
      
.top_address {
    text-align: center;
    padding: 4px 0px 4px 0px;
}
.top_address a {
    font-size: 16px;
    text-decoration: none;
    color: #000;
    display: inline-block;
}

.menu_code {
    border-top: 2px solid #FACD01;
}
nav {
    padding-top: 8px;
}
nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    display: inline-block;
    max-width: unset;
    overflow: unset;
    padding: 4px 15px;
    text-decoration: none;
    text-overflow: unset;
    white-space: nowrap;
    transition: all .6s;
}

.menu_code {
    border-top: 2px solid #FACD01;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.logo_sec {
    display: none;
}
.menu_outer.sticky .logo_sec{
  display: block;
}
 .menu_outer.sticky .top_address {
    display: none;
}
.menu_outer.sticky {
    background: #C62828;
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
}

nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav ul li {
    display: inline-block;
    line-height: 40px
}
nav ul li.hs-menu-depth-1:last-child a{
  background: #fff;
    border: 2px solid #000 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: -5px 5px 0 0 #000;
    -moz-box-shadow: -5px 5px 0 0 #000;
    box-shadow: -5px 5px 0 0 #000;
    color: #000;
    font-size: 17px;
    margin: 0;
    position: relative;
  
}
nav ul li.hs-menu-depth-1:last-child a:hover{
  background-color: #fd7505;
  color: #000 !important;
  text-shadow: unset;
}
nav ul li.hs-menu-depth-1:last-child a:before {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000;
    border-right: 5px solid transparent;
    bottom: -7px;
    content: "";
    height: 0;
    position: absolute;
    right: -6px;
    width: 0;
}
nav ul li.hs-menu-depth-1:last-child a:after {
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000;
    border-top: 5px solid transparent;
    content: "";
    height: 0;
    left: -7px;
    position: absolute;
    top: -2px;
    width: 0;
}
nav ul li a:hover{
    color: #f57c00 !important;
    text-shadow: 4px 4px 10px #000;
}
nav ul li a {
    display: block;
    color: #fff;
    padding: 0 5px;
    text-transform: uppercase;
    font-size: 18px;
}

nav ul li:last-child a {
    padding-right: 0
}
a.nav-link.active {
    color: #000;
}

 nav ul li:hover > a {
    color: #165737;
} 
.top_address a:hover {
    color: #ffd203;
}
 .menu-tigger {
  float: right;
     display: none;
     cursor: pointer
}
.menu-tigger span {
  background: #fff;
  height: 2px;
  width: 30px;
  display: block;
  margin: 6px 0;
    -webkit-transition: .5s;
    transition: .5s
}


.menu-tigger.button-tigger span:nth-child(2){
    opacity: 0
}
.menu-tigger.button-tigger span:nth-child(1){
   -webkit-transform: rotate(45deg);
    transform-origin: 5px 7px
   -webkit-transform: rotate(45deg);
    transform-origin: 5px 7px
}
.menu-tigger.button-tigger span:nth-child(3){
   -webkit-transform: rotate(-45deg);
    transform-origin: 8px -4px;
   -webkit-transform: rotate(-45deg);
    transform-origin: 8px -4px;
}
nav .hs-item-has-children ul.hs-menu-children-wrapper {
    background: #4c4b49;
}
nav .hs-item-has-children ul.hs-menu-children-wrapper li {
  border: 1px solid #ffffff;
}
nav .hs-item-has-children ul.hs-menu-children-wrapper li a {
      width: unset !important;
}

/* responsvie */
@media only screen and (max-width: 767px) { 
    .logo{
        float: left
    }
    .menu-tigger{
        display: block;
        position: relative;
        z-index: 2
    }
   nav {
    text-align: center;
    padding-top: 40px;
    position: absolute;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    right: 0;
    left: 0;
    top: 0;
    background: #444;
    height: 100vh;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    z-index: 1;
}
    nav.res-menu {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }
    nav ul li{
        display: block;
        line-height: 50px
    }
    nav ul li a{
        padding: 0
    }
  .top_address {
    display: none;
}
  .logo_sec {
    display: block;
}
  .menu_code {
    justify-content: space-between;
}
  
  /* submenu */
  .res-menu .hs-item-has-children .hs-menu-children-wrapper {
    max-height: 0; /* Start with a height of 0 */
    overflow: hidden; /* Prevent overflowing content */
    opacity: 0; /* Fully transparent */
    position: static !important;
    top: 100%;
    left: 0;
    background: #facd01;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out !important; /* Smooth transition */
}

.res-menu .hs-item-has-children.active .hs-menu-children-wrapper {
    max-height: 300px; /* Adjust to match the maximum height of the content */
    opacity: 1; /* Fully visible */
}

.hs-menu-children-wrapper li {
    white-space: nowrap;
}

  
}
@media (max-width: 568px) {
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
        padding: 0 15px !Important;
    }
}