/* from the custom css sheet */
 .mega-menu-sec {
     background: #e54b4b;
     min-height: 100vh;
     position: relative;
     z-index: 1;
     overflow: hidden;
}
 .mega-menu-sec .mega-menu-header-sec {
     padding: 30px 0;
}

.mega-menu-sec p {
  font-size: 14px;
}

 .mega-menu-sec .main-content-wrapper .d-flex {
   /* align-items: flex-start;
    justify-content: flex-start;
    column-gap: 200px; */
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
    min-height: 100vh;
}
 .mega-menu-sec .mega-menu-header-sec .close-btn-wrap {
     position: absolute;
     right: 60px;
}
 .mega-menu-sec .mega-menu-header-sec .close-btn-wrap {
     margin-bottom: 0;
     color: #fff;
     font-family: "neulis-bold";
     font-size: 16px;
     line-height: 35px;
     cursor: pointer;
     margin-top:-13px;
     transition:0.3s all;
}
 .mega-menu-sec .mega-menu-header-sec .close-btn-wrap:hover{
     color: #3D1012;
}

 .mega-menu-sec .main-content-wrapper .nav-container {
 	margin-left: 85px;
 	width: calc(100% - 450px);
 }


 .mega-menu-sec .main-content-wrapper .nav-container ul {
   /*  flex-direction: column;
     gap: 10px; */
   display:block;
   max-width: 780px;
}
 .mega-menu-sec .main-content-wrapper .nav-container ul li{
   margin: 0 0;
   padding: 10px 0;
   position: relative;
   border-top: 2px solid transparent;
}
 .mega-menu-sec .main-content-wrapper .nav-container ul li a {
     color: #fff;
     font-family: "neulis-light";
     text-decoration: none;
     font-size: 64px;
     line-height: 70px;
     font-weight: 800;
     transition: 0.3s all;
   max-width:330px;
}
 .mega-menu-sec .main-content-wrapper .nav-container ul li a:hover{
     color: #3D1012;
}
 /*.mega-menu-sec .main-content-wrapper .nav-container ul li:hover {
     border-top: 2px solid #3D1012; 
}*/

.mega-menu-sec .main-content-wrapper .nav-container ul li.hs-item-has-children:hover {
    border-top: 2px solid #3D1012;
    color: #3D1012;
}

.mega-menu-sec .main-content-wrapper .nav-container ul li.hs-item-has-children:hover > a {
    color: #3D1012;
}

 .mega-menu-sec .main-content-wrapper .nav-container ul.hs-menu-children-wrapper li a{
     font-family:neulis-regular;
     font-weight:400;
   font-size: 16px;
   line-height: 20px;
     transition:0.3s all;
     left: 100%;
}
.mega-menu-sec .main-content-wrapper .nav-container ul.hs-menu-children-wrapper li {
  margin: 0 0;
  padding: 10px 0; 
  overflow: wrap;
}
 .mega-menu-sec .main-content-wrapper .nav-container ul li ul{
     position: absolute;
     left: -300px;
     top: 0;
   z-index:999999;
}
 .mega-menu-sec .main-content-wrapper .nav-container ul li ul li,
 .mega-menu-sec .main-content-wrapper .nav-container ul li ul li:hover {
    border-top: 0;
}

 .mega-menu-sec .main-content-wrapper .right-container {
 background: rgba(0,0,0,0.10);

 border-radius: 100px 0px 0px 0px;
 padding: 50px;
     color: #fff;
     display: flex;
     flex-direction: column;
     /*justify-content: space-between;*/
     gap: 10px;
     max-width: 410px;
}
 .mega-menu-sec .main-content-wrapper .right-container p {
    /* width: 60%;*/
     color: #fff;
}
 .mega-menu-sec .main-content-wrapper .right-container a {
     align-items: center;
     align-self: flex-start;
     color: #fff;
     display: flex;
     font-family: neulis-bold;
     font-size: 16px;
     gap: 20px;
     justify-content: flex-start;
     letter-spacing: 0.1em;
     text-decoration: none;
     text-transform: uppercase;
     transition:0.3s all;
}
 .mega-menu-sec .main-content-wrapper .right-container a:hover{
     color: #3D1012;
}
 .mega-menu-sec .main-content-wrapper .right-container a:hover svg path:nth-child(1){
     stroke: #3D1012;
}
 .mega-menu-sec .main-content-wrapper .right-container a:hover svg path:nth-child(2){
     fill: #3D1012;
}
 .mega-menu-sec .main-content-wrapper .right-container a:hover svg rect{
     stroke: #3D1012;
}



 .mega-menu-sec .main-content-wrapper .main-container {
 max-width: unset;
 width:100%;
 padding:0;
 margin:0;
    /* min-height: 80vh; 
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
     padding: 50px 0; */
}
 .custom-mega-menu, .main-header-wrapper {
     transition: opacity 0.5s ease, visibility 0.5s ease;
}
 .custom-mega-menu {
     opacity: 0;
     visibility: hidden;
     position: fixed;
    /* or fixed if you want it to stay on screen while scrolling */
     top: 0;
     left: 0;
     right: 0;
     z-index: 1000;
    /* Ensure it appears above other content */
     background-color: white;
    /* Adjust background as needed */
}
 .custom-mega-menu.visible {
     opacity: 1;
     visibility: visible;
}
 .main-header-wrapper.hidden {
     opacity: 0;
     visibility: hidden;
}
 .main-header-wrapper {
     opacity: 1;
     visibility: visible;
     position: relative;
    /* Ensure it stacks below the mega menu */
     z-index: 900;
    /* Lower than the mega menu */
}
 .custom-mega-menu .hs-menu-children-wrapper {
/*   
     opacity: 0;
     transform: translateY(10px);
     transition: opacity 0.5s ease-in-out, transform 0.3s ease-in-out;
*/  
}
{# .custom-mega-menu .hs-menu-children-wrapper li a {
     font-size: 20px !important;
     line-height: 30px !important;
} #}
 .custom-mega-menu .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover>.hs-menu-children-wrapper {
/*
     position: relative;
     opacity: 1;
     transform: translateY(0); 
*/
}
 .custom-mega-menu .form-wrapper{
     font-family: "neulis-regular";
}
 .custom-mega-menu .form-wrapper .hs_email label {
     display: none;
}
 .custom-mega-menu .form-wrapper .hs_email {
     /*width: 50%;*/
}
 .custom-mega-menu .form-wrapper .hs_email input {
     background: transparent;
     border: 0;
     border-bottom: 1px solid #fff;
     color: #fff;
}
 .custom-mega-menu .form-wrapper .input input {
     padding: 10px 0px !important;
}
 .custom-mega-menu .form-wrapper .input input::placeholder {
     color: #fff !important;
}
 .custom-mega-menu .form-wrapper input:focus-visible {
     outline: none !important;
}
 .custom-mega-menu .form-wrapper .hs-button {
     background: transparent;
     border: 0;
     color: #fff;
     text-transform: uppercase;
     font-family: "neulis-bold";
     padding: 10px 0;
}
 .custom-mega-menu .form-wrapper .hs-button:hover{
     color: #3D1012;
}
 .custom-mega-menu .social-icon-wrapper {
     display: flex;
     gap: 30px;
     align-items: center;
     justify-content: flex-start;
}
 .custom-mega-menu .social-icon-wrapper .icon img {
     max-width:100%;
     width:22px;
}

.hs-form-booleancheckbox-display { 
  color:#fff;
  font-size: 10px;
}


/* Menu and simple menu */
{#
.hs-menu-wrapper ul {
 /* display: flex;
  flex-wrap: wrap; */
  list-style: none;
  margin: 0;
  padding-left: 0;
}
#}
/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  /*flex-direction: column;*/
}



/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
/*  flex-direction: column; */
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
 /* display: inline-flex; */
}



.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 600px;
  opacity: 1;
  top: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

{#
@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}
@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}
@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}
#}



/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}








/* now the media queries */

@media(min-width:1081px){

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper{
    display:none;
  }

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
    left: unset;
    opacity: 0;
    position: relative;
}
  
}

 @media (min-width: 1081px) and (max-width: 1700px) {
     .mega-menu-sec .main-content-wrapper .main-container {
         /*justify-content:center;
         align-items:center;*/
    }
     .mega-menu-sec .main-content-wrapper .right-container, .mega-menu-sec .main-content-wrapper .nav-container {
       /*  width: 50%; */
    }
     .mega-menu-sec .main-content-wrapper .right-container p {
         color: #fff;
         /*width: 60%;*/
    }     
}
 @media (max-width: 1280px) {
       .mega-menu-sec .main-content-wrapper .nav-container ul li a {
         font-size: 70px;
         line-height: 80px;
    }
}  
 @media (max-width: 1080px) {
     .mega-menu-sec{
         overflow:scroll;
    }
     .mega-menu-sec .main-content-wrapper .main-container{
         justify-content:center;
    }
     .mega-menu-sec .main-content-wrapper .right-container, .mega-menu-sec .main-content-wrapper .nav-container {
         width: 50%;
    }
     .mega-menu-sec .main-content-wrapper .right-container p {
         /*width: 80%;*/
    }
     .mega-menu-sec .main-content-wrapper .nav-container ul li a {
         font-size: 50px;
         line-height: 60px;
    }
     .custom-mega-menu .form-wrapper .hs-form .hs_email {
         /*width: 76%;*/
    }
      .custom-mega-menu .hs-menu-children-wrapper {
     opacity: 0;
     transform: none;
     transition: none;
    }
   .mega-menu-sec .main-content-wrapper .d-flex {
    column-gap: 100px; 
   }
}
 @media (max-width: 768px) { 
     .mega-menu-sec .main-content-wrapper .nav-container ul li a {
         font-size: 40px;
         line-height: 48px;
    }
     .mega-menu-sec .main-content-wrapper .right-container {
         gap: 70px;
         max-width: unset;
         padding; 100px 20px;
    }
}
 @media (max-width: 767px) {
    .mega-menu-sec .main-container {
         padding: 0 10px;
    }
     .mega-menu-sec .main-content-wrapper .main-container .d-flex{
         padding:0;
    }
     .custom-mega-menu {
         position: fixed;
    }
     .custom-mega-menu .main-content-wrapper {
         overflow-x: hidden;
         overflow-y: auto;
         max-height: 100vh;
    }
     .mega-menu-sec .main-content-wrapper .main-container{
         padding:0;
    }
     .custom-mega-menu .form-wrapper{
         min-height:21vh;
    }
     .mega-menu-sec .social-wrapper{
         padding: 40px 0;
         position: relative;
         top: -40px;
    }
     .mega-menu-sec {
         padding: 30px 0;
    }
     .mega-menu-sec .mega-menu-header-sec {
         padding: 0;
    }
     .mega-menu-sec .main-content-wrapper .right-container, .mega-menu-sec .main-content-wrapper .nav-container {
         width: 100%;
    }
     .mega-menu-sec .main-content-wrapper .nav-container {
         padding: 0 20px;
    }
     .mega-menu-sec .main-content-wrapper .right-container p {
         width: 100%;
    }
     .mega-menu-sec .main-content-wrapper .nav-container ul li a {
         font-size: 30px;
         line-height: 50px;
    }
     .mega-menu-sec .main-content-wrapper .main-container .d-flex {
        flex-direction: column;
         gap: 20px;
    }
     .mega-menu-sec .mega-menu-header-sec .close-btn-wrap {
         right: 40px;
    }
     .custom-mega-menu .form-wrapper .hs-form .hs_email {
         width: 100%;
    }
     .custom-mega-menu .form-wrapper .hs-form .submitted-message {
         font-family: "neulis-regular";
    }
     .mega-menu-sec .main-content-wrapper .right-container {
         gap: 20px;
         /*padding: 0 20px;*/
    }
     .mega-menu-sec .main-content-wrapper .nav-container li.hs-item-has-children{
         margin:10px 0;
    }
     .mega-menu-sec .main-content-wrapper .nav-container ul.hs-menu-children-wrapper li a{
         font-size: 20px !important;
    }
     .mega-menu-sec .hs-menu-children-wrapper{
         gap: 10px;
    }
     .mega-menu-sec .main-content-wrapper .nav-container ul li{
         margin:0 
    }
 

/* fixing the mobile menu....?*/ 
 .mega-menu-sec .main-content-wrapper .nav-container {
	margin-left: 0px;
    width: unset;
}
  .mega-menu-sec .main-content-wrapper .nav-container ul li ul{
     position: static;
      display: none;
}   

.mega-menu-sec .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper  {
       left:inherit;
   }
 
  /* updated mobile styles... */
   
    .hs-menu-wrapper.flyouts .hs-menu-children-wrapper{
       display:none;
    }

    .hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
      left: unset;
      opacity: 100%; 
      position: relative;
    }
     
   
    /* Child Toggle Button
     ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 20px; /* Icon line width */
    height: 2px; /* Icon line height */
    background-color:#fff; /* Icon color */
    display: block;

  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
  }
     /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 22px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
   /* border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:; /* link hover color set by global mobile-aColorHover variable */
  }
   .custom-menu-primary .hs-menu-wrapper > ul li a:hover li{
    border-top: none; 
  } 

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
   /* position: absolute;
    left: 100%;
    */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  } 
   
   
}