
.container-1280 {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
}
.mega-menu-development-inner{
  position:relative;
}
.mega-menu-development-logo.mobile-logo{
  display:none;
}
.mega-menu-development-mega-menu-columns {
  border-right: 1px solid #BDBDBD;
      flex: 0 25%;
}
.mega-menu-development-mega-menu-columns-inner {
   padding: 32px;
}
.mega-menu-development-mega-menu-columns:first-child {
    border-bottom-left-radius: 10px;
}
.mega-menu-development-mega-menu-columns:last-child {
    border-bottom-right-radius: 10px;
  border:none;
}
.mega-menu-development-mega-menu-columns:nth-child(1):hover{
background: linear-gradient(225deg, #ABCD72 0.1%, #7FAB35 100.1%);
}
.mega-menu-development-mega-menu-columns:nth-child(2):hover{
background: linear-gradient(225deg, #BD7EB3 0.31%, #9D418E 100.31%);
}
.mega-menu-development-mega-menu-columns:nth-child(3):hover{
background: linear-gradient(225deg, #6BBFC6 0.1%, #2C979F 100.1%);
}
.mega-menu-development-mega-menu-columns:nth-child(4):hover{
background: linear-gradient(45deg, #09517F 0%, #1973AD 100%);
}
.mega-menu-development-mega-menu-columns-info p, .mega-menu-development-mega-menu-columns-info p span {
  padding: 32px 0 0;
  margin:0;
  font-family: myriad-pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height:140%;
  letter-spacing: 1px!important;
}
.mega-menu-columns-heading-logo{
  display:block;
}
.mega-menu-columns-hover-heading-logo{
   display:none;
}
 .mega-menu-development-mega-menu-columns:hover .mega-menu-columns-heading-logo{
    display:none;
}
 .mega-menu-development-mega-menu-columns:hover .mega-menu-columns-hover-heading-logo{
    display:block;
}
/* .mega-menu-development-menu li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover .hs-menu-children-wrapper {
    display: none!important;
}
.mega-menu-development-menu li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.open-menu-list .hs-menu-children-wrapper {
    display: block!important;
} */
.mega-menu-development-mega-menu-columns-heading{
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap:wrap;
}
.mega-menu-development-menu-columns-heading-logo {
    flex: 0 30px;
}
.mega-menu-development-menu-columns-heading-text {
    flex: 0 75%;
}
/***** Animation updated 073025 *****/
/* .mega-menu-development-menu-columns-heading-logo img {
  height: 54px;
  width: 54px;
  transition: transform 1.2s ease-out;
} */

/* .mega-menu-development-menu-columns-heading-logo img:hover {
  transform: scale(1.1);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
} */
/***** Animation END *****/

.mega-menu-development-inner-wrap {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  position: relative;
}
.mega-menu-development-main-nav {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 1;
  justify-content: end;
  gap: 20px;
}
.mega-menu-development-menu .hs-menu-wrapper ul{
  display: flex;
  justify-content: space-between;
  gap:40px;
}

.mega-menu-development-menu.open ~ .mega-menu-development-backdrop {
  display: block;
}

.mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-1 a  {
  text-align: center;
  font-family: "Open Sans"!important;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  padding-bottom: 7px;
  margin:40px 0;
letter-spacing: 1.6px;
}

.mega-menu-development-button a {
  text-align: center;
  font-family: myriad-pro,sans-serif;
  font-weight: 700;
  min-width: 148px;
  padding: 15px 22px 17px 22px;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 6.196px;
}

.mega-menu-development-mega-menu-elements {
   display: flex;
    flex-wrap: wrap;
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 0;
    border-radius: 0 0 10px 10px;
    box-shadow: -4px 34px 34px 0px rgba(0, 0, 0, 0.07);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-25px);
/*     transition: opacity 0.6s ease,
    transform 0.6s ease,
    visibility 0.6s ease; */
  transition: all 0.9s 
ease-in-out;
}
.mega-menu-development-mega-menu-elements.active-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    display: flex;
    flex-wrap: wrap;
}
/* .mega-menu-development-menu.open .mega-menu-development-mega-menu-elements {
  display: flex;
} */
/* Base state */
.mega-menu-development-hamburger {
  display: none;
}


.mega-menu-development-menu-columns-heading-text h3{
  font-family:myriad-pro, sans-serif!important;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1.6px;
  line-height:110%;
  margin: 0;
}




.mega-menu-development-logo {
  padding: 25px 32px;
}
.mega-menu-development-button {
  margin: 20px 32px 20px 20px;
}

.mega-menu-development-menu .hs-menu-wrapper  ul li.hs-menu-depth-2 a {
  border-bottom: 2px solid transparent;
  font-family:myriad-pro, sans-serif!important;
  font-weight: 600;
  padding: 20px 28px;
  text-align: left;
  margin: 0;
  color:#000;
}
/* .mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-2 a:hover {
    color: #E06730;
} */
.mega-menu-development-menu .hs-menu-wrapper  ul li.hs-menu-depth-2 a .hs-menu-children-wrapper,
.mega-menu-development-menu .hs-menu-wrapper  ul li.hs-menu-depth-2 a:hover .hs-menu-children-wrapper{
  display:none;
}
.mega-menu-development-menu .hs-menu-wrapper  ul li.hs-menu-depth-2 a.active .hs-menu-children-wrapper{
  display:block;
}
.hs-menu-wrapper .hs-menu-children-wrapper {
  background: #fff;
  border-radius: 0 0 10px 10px;
 box-shadow: -4px 34px 34px 0px rgba(0, 0, 0, 0.07);
  left: -30px!important;
  padding: 16px 0;
  position: absolute;
  top: 60px!important;
  z-index: 9999;
  min-width: 214px;
  gap:0!important;
  display:block;
}

.mega-menu-development-blur-overlay {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    /*background: rgba(246, 245, 245, 0.80);
    backdrop-filter: blur(7px);*/
    background: rgba(36, 37, 48, 0.70);
    backdrop-filter: blur(22px);
}

.mega-menu-development-blur-overlay.active-overlay {
  display: block;
}

.mega-menu-development-outer {
  position: relative;
  z-index: 20; /* higher than the overlay */
}
.mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-1 .hs-menu-children-wrapper {
    display: block !important;
/*     max-height: 0; */
    opacity: 0!important;
    overflow: hidden;
    transform: translateY(-25px);
/*     transition: max-height 0.6s ease,
    opacity 0.6s ease,
    transform 0.6s ease; */
  transition: all 0.9s 
ease-in-out;
    visibility: hidden;
}
.mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-1.open-menu-list .hs-menu-children-wrapper.active {
/*     max-height: 500px; */
    opacity: 1!important;
    transform: translateY(0);
    visibility: visible;
}
.mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-1.open-menu-list .active .hs-menu-depth-2 a{
font-family:myriad-pro, sans-serif!important;
}

@media (max-width: 1191px) {
  .mega-menu-development-main-nav.mobile-open {
    display: block;
  }
  .mega-menu-development-mega-menu-elements {
    background: linear-gradient(180deg, #FFF 0%, #F6F5F5 100%);
   
  }
  .mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-1 .hs-menu-children-wrapper {
    max-height: 0;
    padding:0;
  }
  .mega-menu-development-menu-columns-heading-logo {
        flex: 0 32px;
  }
  .mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-1.open-menu-list .hs-menu-children-wrapper.active {
  max-height:unset;
    /*   max-height:200px;
  overflow-y: auto; */
}
  .mega-menu-development-mega-menu-columns {
    background: linear-gradient(180deg, #FFF 0%, #F6F5F5 100%);
    border-bottom: 1px solid #BDBDBD;
}
.mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-1 .hs-menu-children-wrapper.active{
  display:none!important;
}
.mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-1.open-menu-list .hs-menu-children-wrapper.active{
  display:block!important;
  padding:0;
}
  .mega-menu-development-mega-menu-columns-heading{
    gap:12px;
  }
.mega-menu-development-mega-menu-columns-info p, .mega-menu-development-mega-menu-columns-info p span {
  padding: 24px 0 0;
  letter-spacing: 1px!important;
  }
.mega-menu-development-mega-menu-elements {
    opacity: 1;
    visibility: unset;
  transform: unset;
    transition: unset;
}
  .mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-1 .hs-menu-children-wrapper {
    transform: unset;
    transition: unset;
}
  .mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-1 a:hover{
    border:none;
  }
 .mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-2 a:after,
  .mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-2 a:before{
    display:none
  }
  .mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-1 a{
    margin:0;
    text-align:left;
    display: block; /* full width */
    position: relative;
    cursor: pointer;
    padding: 32px 28px;
    border:unset;
  } 
  .mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-1 a:after,
  .mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-1 a:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    right: 24px;
    top: 25px;
    background-size: cover;
    transition: opacity 0.3s ease, transform 0.3s ease;
  }

  /* Default Plus icon */
  .mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-1 a:after {
    background-image: url("https://www.equinetmedia.com/hubfs/Mega%20Menu%20New%202025/Plus.png");
    opacity: 1;
    z-index: 1;

  }

  /* Orange Plus icon */
  .mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-1 a:before {
    background-image: url("https://www.equinetmedia.com/hubfs/Mega%20Menu%20New%202025/Hover-plus.png");
    opacity: 0;
    z-index: 2;
    width: 30px;
    height: 30px;
  }

  /* On open — fade to orange and rotate */
  .mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-1.open-menu-list a:after {
    opacity: 0;
    transform: rotate(40deg);
  }

  .mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-1.open-menu-list a:before {
    opacity: 1;
    transform: rotate(0deg);
  }

  .hs-menu-wrapper.flyouts .hs-item-has-children {
    position: unset;
  }
  .hs-menu-wrapper .hs-menu-depth-1 .hs-menu-children-wrapper {
    position: unset!important;
    border-radius:unset;
    display:none;
  }
  .hs-menu-wrapper .hs-menu-depth-1.open-menu-list .hs-menu-children-wrapper {
    display:block;
  }
  .mega-menu-development-hamburger {
    display: block;
    position: absolute;
    top: 32px;
    right:20px;
  }
  .mega-menu-development-main-nav {
    display: none;
  }
  .mega-menu-development-inner-wrap {
    display: block;
  }
  .mega-menu-development-hamburger button{
    background: unset;
    border: unset;
    color: #fff;
    padding:0;
  }
  .mega-menu-development-hamburger svg {
    transition: opacity 0.3s ease;
  }

  .hamburger-icon,
  .close-icon {
    position: absolute;
    top: -10px;
    right: -7px;
    opacity: 0;
    pointer-events: none;
  }

  .mega-menu-development-hamburger .hamburger-icon {
    opacity: 1;
    pointer-events: auto;
  }

  .mega-menu-development-hamburger.active .hamburger-icon {
    opacity: 0;
    pointer-events: none;
  }

  .mega-menu-development-hamburger .close-icon {
    opacity: 0;
    pointer-events: none;
  }

  .mega-menu-development-hamburger.active .close-icon {
    opacity: 1;
    pointer-events: auto;
  }

  .mega-menu-development-menu .hs-menu-wrapper ul{
    display: unset;
  }
  .mega-menu-development-mega-menu-elements {
    position: unset;
    border-radius:unset;
    box-shadow:unset;
  }

  .mega-menu-development-inner-wrap.mobile-open .mega-menu-development-main-nav {
    display: block;
    padding-bottom: 20px;
  }


  .mega-menu-development-logo {
    padding: 25px 20px;
  }
  .mega-menu-development-button {
    padding: 16px 20px 32px 20px;
    margin: 0;
}
.mega-menu-development-menu .hs-menu-wrapper ul li a:hover, .mega-menu-development-menu .hs-menu-wrapper ul li.hs-menu-depth-1.open-menu-list a {
    border-bottom: unset!important;
}
  .mega-menu-development-blur-overlay {
    position: unset;
    display:none;
  }
  .mega-menu-development-mega-menu-elements {
    display: block!important;
  }
  .mega-menu-development-mega-menu-columns {
    border-right: unset; 
  }
  .mega-menu-development-mega-menu-columns-inner {
    padding:32px;
  }
  .mega-menu-development-mega-menu-columns a{
    padding:0!important;
  }
  .mega-menu-development-menu.open .mega-menu-development-mega-menu-elements {
    display: block;
  }


  .open-menu-list .moved .mega-menu-development-mega-menu-columns-heading a:before,
  .open-menu-list .moved .mega-menu-development-mega-menu-columns-heading a:after{
    display: none;
  }
  .open-menu-list .moved .mega-menu-development-mega-menu-columns-heading a {
    align-items: center;
    display: flex!important;
    gap: 12px;
    padding:0!important;
  }
 .open-menu-list .moved .mega-menu-development-mega-menu-columns-list a {
    padding: 0!important;
    /* text-align: center!important; */
}
  .mega-menu-development-mega-menu-columns-list {
  padding: 0;
  margin: 30px 0 30px 60px;
}
  .hs-menu-depth-1 .mega-menu-development-mega-menu-elements.moved {
    display: none!important;
  }
  .hs-menu-depth-1.open-menu-list .mega-menu-development-mega-menu-elements.moved {
    display: block!important;
/*      max-height: 400px;
  overflow-y: auto; */
  }
/*   .mega-menu-development-mega-menu-columns-content {
    display: none;
  }
  .mega-menu-development-mega-menu-columns-content.active {
    display: block;
  } */
  li.hs-menu-item.hs-menu-depth-1.hs-item-has-children .hs-menu-children-wrapper {
    display: none!important;
}
  li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.open-menu-list .hs-menu-children-wrapper {
    display: block!important;
}
  li.hs-menu-item.hs-menu-depth-1 a.active::before,
li.hs-menu-item.hs-menu-depth-1 a.active::after {
  display: block !important;
  content: block !important;
}
  li.hs-menu-item.hs-menu-depth-1 .no-before-after::before,
li.hs-menu-item.hs-menu-depth-1 .no-before-after::after {
  display: none !important;
  content: none !important;
}
  .mega-menu-development-mega-menu-columns:first-child {
    border-bottom-left-radius:0px;
}
  .mega-menu-development-mega-menu-columns:nth-child(1):hover, 
  .mega-menu-development-mega-menu-columns:nth-child(2):hover, 
  .mega-menu-development-mega-menu-columns:nth-child(3):hover,
.mega-menu-development-mega-menu-columns:nth-child(4):hover{
    background: unset;
}

  .mega-menu-development-mega-menu-columns:nth-child(1):hover .mega-menu-columns-heading-logo,
  .mega-menu-development-mega-menu-columns:nth-child(2):hover .mega-menu-columns-heading-logo,
  .mega-menu-development-mega-menu-columns:nth-child(3):hover  .mega-menu-columns-heading-logo,
.mega-menu-development-mega-menu-columns:nth-child(4):hover .mega-menu-columns-heading-logo{
    display:block;
}
    .mega-menu-development-mega-menu-columns:nth-child(1):hover .mega-menu-columns-hover-heading-logo,
    .mega-menu-development-mega-menu-columns:nth-child(2):hover .mega-menu-columns-hover-heading-logo,
    .mega-menu-development-mega-menu-columns:nth-child(3):hover .mega-menu-columns-hover-heading-logo,
    .mega-menu-development-mega-menu-columns:nth-child(4):hover .mega-menu-columns-hover-heading-logo{
    display:none;
}
  .open-menu-list .mega-menu-development-mega-menu-elements .mega-menu-development-mega-menu-columns a:before,
  .open-menu-list .mega-menu-development-mega-menu-elements .mega-menu-development-mega-menu-columns a:after{
    display:none!important;
}
@media(max-width:479px){
  .mega-menu-development-logo.mobile-logo{
  display:block;
}
  .mega-menu-development-logo.desktop-logo{
  display:none;
}
  
}
