body.mobile-open {
  overflow: hidden;
}
.left_pad ul,.left_pad ol {
  padding-left: 30px;
}

.left_pad ul li, .left_pad ol li {
  list-style: inherit;
}
.header{
  .wrapper-header .menu ul>li.hs-menu-depth-1.hs-item-has-children.megamenulist>a {
    position: relative
  }



  .left_column {
    width:25.24%
  }



  .wrapper-header .menu ul>li.hs-menu-depth-1.hs-item-has-children:hover>div {
    opacity: 1;
    pointer-events: all;
    visibility: visible
  }
  .left_column>div a.hs-button:hover {
    box-shadow: 3px 3px 10px 0px rgb(255 255 255 / 67%);
  }
  .wrapper-header .menu ul>li.hs-menu-depth-1.hs-item-has-children.megamenulist {
    position: static
  }

  .left_column>div {
    border-radius: 9px;
    box-shadow: 3px 0 10px 6px rgba(216, 216, 216, 0.79);
    padding: 30px;
    height:100%;
  }

  .right_column {
    border-radius: 9px;
    background: linear-gradient(89deg, #FCFDFB 84.35%, #B5BFCA 223.85%);
    box-shadow: 0 4px 9px 0 rgba(223, 224, 226, 0.79);
    padding: 30px;
    width: 74.76%
  }

  .flex_row {
    display: flex;
    gap: 0px
  }

  .wrapper-header {
    background-color: var(--header-bg-color);
    box-shadow: 0 4px 14px 0 #0000001a;
    position: relative;
    z-index: 999
  }

  .wrapper-header .logo {
    margin: 0!important;
    width: 128px!important
  }

  .wrapper-header .menu {
    justify-content: flex-end;
    margin: 0!important;
    width: calc(100% - 129px)!important
  }

  .wrapper-header .d-flex,.wrapper-header .menu {
    align-items: center;
    display: flex;
    flex-wrap: wrap
  }

  .wrapper-header .menu .hs-menu-wrapper>ul {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    gap: 48px;
    justify-content: flex-end
  }

  .wrapper-header .menu ul>li.hs-menu-depth-1>a {
    color: var(--header-link-color);
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 20px 12px 0
  }

  .wrapper-header .menu ul>li.hs-menu-depth-1,.wrapper-header .menu ul>li.hs-menu-depth-1.hs-item-has-children {
    padding: 20px 0;
    position: relative
  }

  .wrapper-header .menu ul>li.hs-menu-depth-2>a {
    color: var(--black);
    display: inline-block;
    font-size: inherit;
    padding: 14px 24px;
    transition: none
  }

  .wrapper-header .menu ul>li.hs-menu-depth-1>ul.hs-menu-children-wrapper {
    background: var(--secondary);
    box-shadow: 0 0 15px 0 rgba(0,0,0,.15);
    left: -34px;
    min-width: 293px;
    position: absolute;
    top: calc(100% - 12px);
    visibility: hidden;
    width: 100%
  }

  .wrapper-header .menu ul>li.hs-menu-depth-1:hover>ul.hs-menu-children-wrapper {
    visibility: visible
  }

  .wrapper-header .menu ul>li.hs-menu-depth-1>a>.child-trigger {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(50%)
  }

  .wrapper-header .menu ul>li.hs-menu-depth-1>a>.child-trigger i {
    position: relative
  }

  .wrapper-header .menu ul>li.hs-menu-depth-1>a>.child-trigger i:before {
    background: url(https://elefanterevops-com.sandbox.hs-sites.com/hubfs/elefante-revops-2025/Image/down%20arrow.svg) no-repeat;
    color: var(--white);
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 6px;
    left: 0;
    position: absolute;
    text-decoration: inherit;
    top: -3px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    width: 9px
  }

  .wrapper-header .menu ul>li.hs-menu-depth-2.hs-item-has-children {
    position: relative
  }

  .wrapper-header .menu ul>li.hs-menu-depth-2>ul.hs-menu-children-wrapper {
    background: var(--secondary);
    border-left: 1px solid var(--secondary);
    left: 100%;
    min-width: 150px;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%
  }

  .wrapper-header .menu ul>li.hs-menu-depth-2:hover>ul.hs-menu-children-wrapper {
    visibility: visible
  }

  .wrapper-header .menu ul>li.hs-menu-depth-2>a>.child-trigger {
    position: absolute;
    right: 20px;
    top: 0
  }

  .wrapper-header .menu ul>li.hs-menu-depth-2>a>.child-trigger i {
    position: relative
  }

  .wrapper-header .menu ul>li.hs-menu-depth-2>a>.child-trigger i:before {
    background: url(https://elefanterevops-com.sandbox.hs-sites.com/hubfs/elefante-revops-2025/Image/down%20arrow.svg)no-repeat;
    color: var(--black);
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 8px;
    left: 0;
    position: absolute;
    text-decoration: inherit;
    top: 20px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    width: 12px
  }

  .wrapper-header .menu ul>li.hs-menu-depth-3>a {
    color: var(--black);
    display: inline-block;
    font-size: inherit;
    padding: 10px 15px
  }

  .wrapper-header .btn.button.btn1 a {
    background-color: var(--secondary);
    border: 1px solid var(--primary);
    font-size: 14px;
    font-weight: 500;
    margin-right: 16px;
    padding: 12px 32px
  }

  .wrapper-header .btn.button.btn2 a {
    border: 2px solid var(--primary);
    font-size: 14px;
    font-weight: 500;
    padding: 12px 31.5px
  }

  .wrapper-header .btn.button.btn1 a:hover,.wrapper-header .btn.button.btn2 a {
    background-color: var(--primary);
    color: var(--secondary)
  }

  .wrapper-header .btn.button.btn2 a:hover {
    background-color: var(--secondary);
    color: var(--primary)
  }

  .megamenu li.submenu a {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 10px;
    padding: 18px 24px;
    transition: all 0s ease;
    -moz-transition: all 0s ease;
    -ms-transition: all 0s ease;
    -o-transition: all 0s ease;
    -webkit-transition: all 0s ease
  }

  .wrapper-header .btn.button:not(:last-child) a {
    margin-right: 16px
  }

  .megamenu li.submenu a>img {
    height: 20px!important;
    object-fit: cover;
    width: 20px
  }

  .wrapper-header .left_pad .btn.button.btn2 a {
    padding: 10px 25px !important;
    display: block;
    font-weight: bold;
    line-height: 1.2;
    position: relative;
  }

  .wrapper-header .left_pad .btn.button.btn2 a:after {
    content: "";
    position: absolute;
    background-image: url(https://21497828.fs1.hubspotusercontent-na1.net/hubfs/21497828/elefante-revops-2025/Image/arrow-right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 15px;
    height: 18px;
    right:25px;
  }

  .wrapper-header .left_pad .btn.button.btn2 a:hover {
    background-color: var(--primary);
    color: var(--secondary);
    box-shadow: 3px 3px 10px 0px rgb(255 255 255 / 67%);
  }
  .left_column>div{
    display: flex;
    flex-direction: column;
  }
  .left_pad .btn.button.btn2 {
    margin: auto 0 0 0 !important;
  }
  @media(min-width: 1201px) {
    .wrapper-header .menu ul>li.hs-menu-depth-1:hover>a>.child-trigger i:before {
      transform: rotate(
        180deg);
    }
    .sm-title {
      color:#688aeb!important;
      font-size: 16px;
      font-weight: 700;
      padding: 18px 24px;
      text-align: center;
      width: 100%
    }

    .wrapper-header .menu ul>li.hs-menu-depth-1>ul.hs-menu-children-wrapper.megamenu.simple-menu:before {
      content: "";
      display: block;
      height: 22px;
      position: absolute;
      top: 0;
      transform: translateY(-20px);
      width: 100%
    }

    .wrapper-header .menu ul>li.hs-menu-depth-1>ul.hs-menu-children-wrapper.megamenu.simple-menu {
      top: calc(100% + 13px)
    }

    ul.hs-menu-children-wrapper.megamenu.simple-menu {
      background: linear-gradient(88.62deg,#fcfdfb 84.35%,#b5bfca 223.85%)!important;
      box-shadow: 0 4px 9px 0 #dfe0e2c9!important
    }

    .wrapper-header .menu ul>li:has(>ul.advance-menu) {
      position: static!important
    }

    .wrapper-header .menu ul>li.hs-menu-depth-1.right_column>ul.hs-menu-children-wrapper.col-3>li>a,.wrapper-header .menu ul>li.hs-menu-depth-1>ul.hs-menu-children-wrapper.col-2>li>a {
      cursor: unset
    }

    .wrapper-header .menu ul>li.hs-menu-depth-1>ul.hs-menu-children-wrapper.simple-menu {
      border-radius: 9px
    }

    .wrapper-header .menu ul>li.hs-menu-depth-1>ul.hs-menu-children-wrapper.simple-menu li.submenu a>img {
      height: 30px!important;
      width: 30px!important
    }

    .wrapper-header .menu ul>li.hs-menu-depth-1>ul.hs-menu-children-wrapper.col-2 {
      left: 0;
      margin: 0 auto;
      padding: 30px;
      right: 0;
      width: 50%
    }

    .wrapper-header .menu ul>li.hs-item-has-children .right_column>.advance-menu>li>a>.child-trigger {
      display: none;
      position: static!important
    }

    .wrapper-header .menu ul>li.hs-item-has-children .right_column>.advance-menu {
      display: flex!important;
      flex-wrap: wrap;
      left: 0!important;
      row-gap: 20px
    }

    .wrapper-header .menu ul>li.hs-item-has-children .right_column>.advance-menu>li {
      width: 33.33%;
    }

    .wrapper-header .menu ul>li.hs-item-has-children .right_column>.advance-menu>li>a {
      align-items: center;
      display: flex!important;
      gap: 10px;
      padding: 18px 10px
    }

    .wrapper-header .menu ul>li.hs-item-has-children .right_column>.advance-menu>li>a>span {
      transition: all 0s ease;
      -moz-transition: all 0s ease;
      -ms-transition: all 0s ease;
      -o-transition: all 0s ease;
      -webkit-transition: all 0s ease
    }

    .wrapper-header .menu ul>li.hs-item-has-children .right_column .advance-menu>li>a>.icon {
      height: 20px;
      text-align: center;
      width: 20px
    }

    .wrapper-header .menu ul>li.hs-item-has-children .right_column>.advance-menu>li>a>.text {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.32;
      text-align: left;
      width: calc(100% - 30px)
    }

    .wrapper-header .menu ul>li.hs-item-has-children .right_column>.advance-menu>li>.hs-menu-children-wrappers>li>a {
      align-items: center;
      display: flex!important;
      gap: 10px;
      padding: 18px 10px!important;
      transition: all 0s ease;
      -moz-transition: all 0s ease;
      -ms-transition: all 0s ease;
      -o-transition: all 0s ease;
      -webkit-transition: all 0s ease
    }

    .wrapper-header .menu ul>li.hs-item-has-children .right_column .advance-menu>li>.hs-menu-children-wrappers>li>a>.icon {
      height: 30px;
      text-align: center;
      width: 30px
    }

    .wrapper-header .menu ul>li.hs-item-has-children .right_column>.advance-menu>li>.hs-menu-children-wrappers>li>a>span {
      display: inline-block;
      line-height: normal
    }

    .wrapper-header .menu ul>li.hs-item-has-children .right_column>.advance-menu>li>.hs-menu-children-wrappers>li>a>.text {
      font-size: 14px;
      font-weight: 500;
      width: calc(100% - 30px)
    }

    .wrapper-header .menu ul>li.hs-item-has-children .right_column>.advance-menu>li>.hs-menu-children-wrappers>li>a:hover {
      background-color: var(--off_white);
      border-radius: 5px
    }

    .wrapper-header .menu ul>li.hs-item-has-children .right_column>.advance-menu>li>a>span {
      display: block;
      \: normal;
      width: calc(100% - 30px);
      font-size: 16px;
      font-weight: 700;
      line-height: 1.32;
      color: #688AEB !important;
      pointer-events: none;
      text-align: center;
    }

    .wrapper-header .menu ul>li:has(>ul.advance-menu)>a {
      position: relative
    }

    .wrapper-header .menu ul>li:has(>ul.advance-menu)>a:after {
      background: url(https://elefanterevops-com.sandbox.hs-sites.com/hubfs/elefante-revops-2025/Image/down%20arrow.svg) no-repeat;
      color: var(--white);
      content: "";
      display: inline-block;
      font-weight: 400;
      height: 6px;
      position: absolute;
      right: 0;
      text-align: right;
      text-decoration: inherit;
      top: 20px;
      transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      -webkit-transition: all .5s ease;
      width: 10px
    }

    .wrapper-header .menu ul>li:has(>ul.advance-menu)>a>.child-trigger {
      display: none
    }

    .wrapper-header .d-flex {
      position: relative
    }

    .megamenu li.submenu a:hover {
      background-color: var(--off_white)
    }

    .wrapper-header .menu ul>li.hs-menu-depth-1>a>.child-trigger i:before,.wrapper-header .menu ul>li.hs-menu-depth-2>a>.child-trigger i:before {
      right: unset!important
    }

    .wrapper-header .menu ul>li.hs-menu-depth-1:nth-last-child(2)>ul.hs-menu-children-wrapper.simple-menu {
      left: unset;
      right: 0
    }

    .wrapper-header .menu ul>li.hs-menu-depth-3>.hs-menu-children-wrapper>li>a {
      align-items: center;
      display: flex!important;
      font-size: 14px;
      font-weight: 400;
      gap: 10px;
      padding: 10px 40px!important;
      transition: all 0s ease;
      -moz-transition: all 0s ease;
      -ms-transition: all 0s ease;
      -o-transition: all 0s ease;
      -webkit-transition: all 0s ease
    }

    .wrapper-header .menu ul>li.hs-menu-depth-3>.hs-menu-children-wrapper>li>a>.icon {
      height: 20px;
      width: 20px
    }

    .wrapper-header .menu ul>li.hs-menu-depth-3>.hs-menu-children-wrapper>li>a>.text {
      width: calc(100% - 30px)
    }

    .wrapper-header .menu ul>li.hs-menu-depth-3>.hs-menu-children-wrapper>li>a>span {
      display: inline-block
    }

    .wrapper-header .menu ul>li.hs-menu-depth-3>.hs-menu-children-wrapper>li>a:hover {
      background-color: var(--off_white);
      border-radius: 5px
    }

    .wrapper-header .menu ul>li.hs-item-has-children .right_column>.advance-menu>li>.hs-menu-children-wrappers>li>a>.text {
      color: #0a1728
    }
    .mega_menu {
      left: 0;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      right: 0;
      top: calc(100% + 13px)!important;
      transition: all .3s ease-in;
      visibility: hidden;
      width: 100%;
      border-radius: 9px;
/*       background: linear-gradient(90deg, #688AEB 61.46%, var(--Dark-Color-for-Forms, #152334) 155.69%);
      box-shadow: 3px 0 10px 6px rgba(216, 216, 216, 0.79); */
    }

    .mega_menu:before {
      content: "";
      display: block;
      height: 22px;
      position: absolute;
      top: 0;
      transform: translateY(-20px);
      width: 100%
    }
  }
  @media(max-width: 1200px) {
    .sm-title {
      display:none
    }

    .container {
      padding: 0 20px
    }

    .wrapper-header {
      padding: 20px 0
    }

    .wrapper-header .mobile-trigger {
      cursor: pointer;
      display: inline-block!important;
      padding: 20px 0;
      position: absolute;
      right: 20px;
      top: 27px;
      width: 40px;
      z-index: 12
    }

    .wrapper-header .mobile-trigger .line {
      background: var(--primary);
      border-radius: 4px;
      display: block;
      height: 3px;
      left: 0;
      position: absolute;
      width: 30px
    }

    .wrapper-header .mobile-trigger .line.line-3 {
      top: 50%
    }

    .wrapper-header .mobile-trigger.active-re .line-3 {
      transform: translateY(-23px) translateX(0) rotate(-45deg);
      -webkit-transform: translateY(-23px) translateX(0) rotate(-45deg);
      -moz-transform: translateY(-23px) translateX(0) rotate(-45deg)
    }

    .wrapper-header .mobile-trigger.active-re .line.line-3 {
      top: 80%
    }

    .wrapper-header .mobile-trigger .line.line-2 {
      top: 25%
    }

    .wrapper-header .mobile-trigger.active-re .line-2 {
      opacity: 0
    }

    .wrapper-header .mobile-trigger .line.line-1 {
      top: 0
    }

    .wrapper-header .menu .hs-menu-wrapper>ul {
      gap: 10px;
      margin-right: 0;
      padding: 10px
    }

    .wrapper-header .btn.button.btn1,.wrapper-header .btn.button.btn2 {
      width: 100%
    }

    .wrapper-header .btn.button.btn1 a,.wrapper-header .btn.button.btn2 a {
      display: flex;
      justify-content: center
    }

    .wrapper-header .btn.button.btn1 a {
      margin-right: 0
    }

    .wrapper-header .mobile-header-btn {
      gap: 10px;
      width: 100%
    }

    .wrapper-header .menu ul>li.hs-menu-depth-1.hs-item-has-children {
      padding: 0
    }

    .wrapper-header .menu ul>li.hs-menu-depth-1>ul.hs-menu-children-wrapper {
      box-shadow: none;
      left: 0;
      top: 0
    }

    .wrapper-header .mobile-trigger.active-re .line-1 {
      top: 12%
    }

    .wrapper-header .menu ul>li.hs-menu-depth-1>.child-trigger i:before {
      top: 13px
    }

    .wrapper-header .mobile-trigger.active-re .line-1 {
      transform: translateY(5px) translateX(0) rotate(45deg);
      -webkit-transform: translateY(5px) translateX(0) rotate(45deg);
      -moz-transform: translateY(5px) translateX(0) rotate(45deg)
    }

    .wrapper-header .hs-menu-wrapper {
      background: var(--secondary);
      display: none;
      height: 100vh;
      left: 0;
      max-width: 100%;
      overflow-y: auto;
      padding-bottom: 130px;
      position: absolute;
      right: 0;
      top: 100%;
      width: 100%
    }

    .wrapper-header .menu ul>li.hs-menu-depth-1 {
      border-bottom: 1px solid #fff;
      padding: 0;
      width: 100%
    }

    .wrapper-header .menu ul>li.hs-menu-depth-1>a {
      color: var(--header-link-color);
      display: inline-block;
      padding: 7px 15px
    }

    .wrapper-header .menu ul>li.hs-menu-depth-1 ul.hs-menu-children-wrapper {
      display: none;
      position: relative;
      visibility: visible
    }

    .wrapper-header .menu ul>li.hs-menu-depth-1 .child-trigger {
      cursor: pointer;
      height: 35px;
      left: 0;
      text-align: right;
      top: 0;
      transform: none;
      width: 100%
    }

    .wrapper-header .menu ul>li.hs-menu-depth-2,.wrapper-header .menu ul>li.hs-menu-depth-3 {
      border-top: 1px solid #fff
    }

    .wrapper-header .menu ul>li.hs-menu-depth-1>.child-trigger.child-open i:before,.wrapper-header .menu ul>li.hs-menu-depth-2>.child-trigger.child-open i:before {
      transform: translateY(0) translateX(0) rotate(180deg);
      -webkit-transform: translateY(0) translateX(0) rotate(180deg);
      -moz-transform: translateY(0) translateX(0) rotate(180deg);
      transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      -webkit-transition: all .5s ease
    }

    .wrapper-header .menu ul>li.hs-menu-depth-2>ul.hs-menu-children-wrapper {
      display: none;
      left: 0;
      position: relative;
      visibility: visible
    }

    .wrapper-header .menu ul>li.hs-menu-depth-1>.child-trigger i:before,.wrapper-header .menu ul>li.hs-menu-depth-2>.child-trigger i:before {
      left: unset;
      right: 30px;
      top: 50%;
      transform: translateY(-50%)
    }

    .wrapper-header .menu ul>li.hs-menu-depth-1>.child-trigger i,.wrapper-header .menu ul>li.hs-menu-depth-2>.child-trigger i {
      display: block;
      height: 100%;
      position: relative;
      text-align: right;
      width: 100%
    }

    .wrapper-header .menu ul>li.hs-menu-depth-2>a {
      align-items: center;
      display: flex!important;
      font-size: 14px;
      font-weight: 500;
      gap: 10px;
      padding: 18px 24px;
      transition: all 0s ease;
      -moz-transition: all 0s ease;
      -ms-transition: all 0s ease;
      -o-transition: all 0s ease;
      -webkit-transition: all 0s ease
    }

    .wrapper-header .menu ul>li.hs-menu-depth-2>a>span,.wrapper-header .menu ul>li.hs-menu-depth-3>a>span {
      display: inline-block;
      line-height: normal
    }

    .wrapper-header .menu ul>li.hs-menu-depth-2>a>.icon,.wrapper-header .menu ul>li.hs-menu-depth-3>a>.icon {
      height: 20px;
      width: 20px
    }

    .wrapper-header .menu ul>li.hs-menu-depth-2 .child-trigger {
      height: 57px
    }

    .wrapper-header .menu ul>li.hs-menu-depth-3>a {
      align-items: center;
      display: flex!important;
      font-size: 14px;
      font-weight: 400;
      gap: 10px;
      padding: 10px 44px!important;
      transition: all 0s ease;
      -moz-transition: all 0s ease;
      -ms-transition: all 0s ease;
      -o-transition: all 0s ease;
      -webkit-transition: all 0s ease
    }
  }
  @media(max-width: 1024px) {
    .container {
      padding:0 20px
    }

    .wrapper-header .menu ul li.hs-menu-depth-1>a {
      font-size: 14px;
      padding: 12px 20px 12px 0
    }
  }
  @media(min-width: 1201px) {

    .mobile_menu {
      display:none !important;
    }
    .left_pad h4 {
      font-weight: 700;
    }

    .left_pad p {
      font-weight: 600;
    }

    .left_pad  .btn.button.btn2 {
      margin-top: 25px;
    }
    .left_column .btn.button.btn2  span.arrow * {
      stroke: currentColor;
    }
    .wrapper-header .menu ul>li.hs-item-has-children .right_column .hs-advnace span.textv2 {
      font-size: 14px;
      font-weight: 500;
      color: #0A1728;
    }
    .left_column .btn.button.btn2 span.arrow svg {
      vertical-align: middle;
      margin-left: 10px;
      margin-top: -2px;
    }
    .left_column .btn.button.btn2 a.button {
      text-decoration: none !important;
      box-shadow: 3px 3px 10px 0px #FFFFFFAB;
    }

    ul.hs-menu-children-wrappers.hs-advnace {
      border-right: 1px solid #D5E2F0;
      padding: 0px 26px;
      height: 100%;
    }

    .wrapper-header .menu ul>li.hs-item-has-children .right_column>.advance-menu>li {
      overflow: hidden;
      flex-grow: 1;
    }
    .wrapper-header .menu ul>li.hs-item-has-children .right_column>.advance-menu>li:last-child ul.hs-menu-children-wrappers.hs-advnace {
      border-right: none;
    }
    ul.col-3.hs-menu-children-wrapper.megamenu.advance-menu>li:first-child >ul.hs-menu-children-wrappers.hs-advnace {
      padding-left: 0;
    }

    ul.col-3.hs-menu-children-wrapper.megamenu.advance-menu>li:last-child >ul.hs-menu-children-wrappers.hs-advnace {
      padding-right: 0;
      border-right: 0;
    }
    .wrapper-header .hs-menu-wrapper {
      display:block!important
    }

    .wrapper-header .mobile-trigger {
      display: none!important
    }

    .right_column .text {
      color: #688aeb!important;
      font-size: 16px;
      font-weight: 700;
      justify-content: center;
      padding: 0 0 25px;
      text-align: center;
      width: calc(100% - 40px)
    }

    .wrapper-header .menu ul>li.hs-item-has-children>.advance-menu>li>.hs-menu-children-wrappers>li>a {
      padding: 0 16px
    }

    .wrapper-header .menu ul>li.hs-item-has-children>.advance-menu>li>.hs-menu-children-wrappers>li>a .icon {
      height: 30px;
      width: 30px
    }

    .wrapper-header .menu ul>li.hs-item-has-children>.advance-menu>li>.hs-menu-children-wrappers.hs-advnace {
      border-right: 1px solid #d5e2f0;
      padding: 0 45px
    }

    .wrapper-header .menu ul>li.hs-item-has-children>.advance-menu>li:first-child>.hs-menu-children-wrappers.hs-advnace {
      padding-left: 0
    }

    .wrapper-header .menu ul>li.hs-item-has-children>.advance-menu>li:last-child>.hs-menu-children-wrappers.hs-advnace {
      border-right: none;
      padding-right: 0
    }
    .one_item_only.mega_menu {
      max-width: 700px;
      margin: 0 auto;
    }

    .one_item_only.mega_menu .flex_row {
      display: flex;
      gap: 20px;
      width: 100%;
      max-width: 100%;
    }
    .one_item_only.mega_menu .left_column {
      width: 50%;
     margin-right: -25px;
    }
    
    .mega_menu.bm-add-m4.one_item_only {
    float: right;
    margin-left: auto;
    margin-right: 0;
}
    .one_item_only.mega_menu .right_column {
      width: 50%;
    }
    .right_column {
    position: relative;
    right: 10px;
}
    .left_column {
    position: relative;
    z-index: 9;
}
  }
  @media(max-width: 1200px) {
    body.mobile-open {
      height:100%!important;
      overflow: hidden!important
    }
    .menu.custom-menu-primary .hs-menu-wrapper {
      display: none !important;
    }
    .mobile_menu {
      display: none;
      position: fixed;
      width: 100%;
      max-width: 100%;
      left: 0;
      right: 0;
      top: 0;
      background: var(--secondary);
      height: 100%;
      overflow-y: auto;
      bottom: 0;
      z-index: 99;
      padding-top: 75px;
    }
    .mobile_mm_padd {
      padding: 10px;
    }

    .mobile_mm_padd .hs-menu-wrapper>ul>li>a {
      padding: 16px 0;
      display: block;
      font-size: 14px;
    }
    .mobile_menu .hs-menu-item hs-menu-depth-1 > ul.hs-menu-children-wrapper {
      display: none;
    }
    .mobile_mm_padd .child-trigger {
      top: 0;
      width: 53px;
      height: 53px;
      cursor: pointer;
      transform: none;
      right: 12px;
      position: absolute;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .mobile_mm_padd .child-trigger i {
      position: relative;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .mobile_mm_padd  .child-trigger i:after {
      transform: translateY(-50%);
      transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      content: "";
      background: url(https://elefanterevops-com.sandbox.hs-sites.com/hubfs/elefante-revops-2025/Image/down%20arrow.svg) no-repeat;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      color: var(--white);
      font-size: 16px;
      width: 9px;
      height: 6px;
      display: inline-block;
    }

    .mobile_mm_padd li.hs-menu-item.hs-menu-depth-1.hs_has_children {
      position: relative;
    }

    .mobile_mm_padd .child_open  > .child-trigger i:after {
      transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transform: translateY(0) translateX(0) rotate(180deg);
      -webkit-transform: translateY(0px) translateX(0) rotate(180deg);
      -moz-transform: translateY(0) translateX(0) rotate(180deg);
    }
    .mb_button {
      display: flex;
      justify-content: center;
      margin-top: 20px;
    }

    .mb_button a {
      width: 100%;
      border: 2px solid var(--primary);
      background-color: var(--primary);
      color: var(--secondary);
      font-size: 14px;
      font-weight: 500;
      display: block;
      text-align: center;
      box-sizing: border-box !important;
    }

    .mb_button * {
      width: 100%;
    }
    .mb_button a.button{
      width: 100%;
      display: block;
      box-sizing: border-box !important;
    }

    .mb_button a.button:hover{

      background-color: var(--secondary);
      color: var(--primary);
    }
    .flex_row {
      flex-direction: column;
    }

    .left_column {
      width: 100%;
    }

    .right_column {
      width: 100%;
      padding:0  20px;
                  margin-top: 20px;
      
    }
    .right_column .hs-menu-children-wrapper {
      display: block !important;
    }

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

    ul.hs-menu-children-wrappers.hs-advnace {
      display: none;
    }
    li.hs-menu-item.hs-menu-depth-1.hs_has_children > .hs-menu-children-wrapper {
      display: none;
    }
    li.submenu >a {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 18px 24px;
      font-size: 14px;
      font-weight: 500;
      transition: all .0s ease;
      -moz-transition: all .0s ease;
      -ms-transition: all .0s ease;
      -o-transition: all .0s ease;
      -webkit-transition: all .0s ease;
    }

    li.submenu >a>img {
      width: 20px;
      height: 20px !important;
      object-fit: cover;
    }
    li.hs-menu-item.hs-menu-depth-2.hs-item-has-children a {
      padding: 16px 0;
      display: block;
      font-size: 14px;
      font-weight: 500;
      position:relative;
    }
    li.hs-menu-item.hs-menu-depth-2.hs-item-has-children {
      position: relative;
    }
    .advance-menu span.icon {
      width: 20px;
      height: 20px;
      display: inline-block;
    }

    .advance-menu .hs-menu-item.hs-menu-depth-3 a {
      position: relative;
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 18px 24px;
      font-size: 14px;
      font-weight: 500;
      transition: all .0s ease;
      -moz-transition: all .0s ease;
      -ms-transition: all .0s ease;
      -o-transition: all .0s ease;
      -webkit-transition: all .0s ease;
      padding: 10px 44px !important;
    }
    .mobile_menu   .btn.button.btn2 a {
      background-color: var(--primary);
      color: var(--secondary);
      border: 2px solid var(--primary);
      font-size: 14px;
      font-weight: 500;
      border-radius: 4px !important;
    }
    .mobile_menu   .btn.button.btn2 span.arrow svg {
      vertical-align: middle;
      margin-left: 5px;
      margin-top: -2px;
    }
    .mobile_menu  .btn.button.btn2 span.arrow * {
      stroke: currentColor;
    }
    .mobile_menu .btn.button.btn2 a:hover{
      background-color: var(--secondary);
      color: var(--primary);
    }
  
  } 
}