.header-wrapper {
   position: absolute;
   inset: 0% 0% auto;
   z-index: 100;
}

.custom_header {
   align-items: center;
   padding: 0 3rem 1.1875rem;
   display: flex;

}
.custom_header .container {
   margin-left: auto;
   margin-right: auto;
   padding-left: 0;
   padding-right: 0;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   width: 100vw;
   max-width: 1920px;
   position: relative;
   padding: 1.1875rem 0 ;
}

.custom_header .nav_links {
   margin-right: auto;
   display: flex;
}
.custom_header .cm_header_logo {
   position: absolute;
   left: 47%;
   right: 47%;
   margin-left: 0;
   margin-right: auto;
   cursor: pointer;
}

.custom_header .nav-link {
   padding-top: 1.1875rem;
   padding-bottom: 1.1875rem;
}
.custom_header .nav-links .hs-menu-wrapper>ul>li>a {
   padding-top: 1.1875rem;
   padding-bottom: 1.1875rem;
   display: inline-block;
   /* display: block; */
}
.custom_header .nav_links .hs-menu-wrapper> ul> li{
   margin:0;
   margin-right: 1.875rem;
}
.custom_header .nav_links .hs-menu-wrapper> ul> li:hover img {
   transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(180deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   transition: all .3s 
}
.custom_header .nav_links .hs-menu-wrapper> ul> li> a {
   padding-top: 1.1875rem;
   padding-bottom: 1.1875rem;
   display: BLOCK;
   align-items: center;
   font-size: 1rem;
   line-height: 1.4;
   text-decoration: none;
   display: flex;
   font-weight: 600;
}

.custom_header .nav_links .hs-menu-wrapper>ul>li ul {
   z-index: 2;
   position: absolute;
   top: 4.2rem;
   left: 0;
   top:3rem !important ;
}



.custom_header .nav_links .hs-menu-wrapper>ul>li ul li {
   margin: 0;
   padding: .625rem .6rem .625rem 0;
   border-bottom: .0625rem solid #d7d7d7;
}
.custom_header .dropdown-border {
   width: .375rem;
   height: 3.15625rem;
   background-color: transparent;
   transition: all .3s;
}
.custom_header .nav_links .hs-menu-wrapper>ul>li.hs-item-has-children {
   margin: 0;
   margin-right: 1.875rem;
   display: flex;
   align-items: center;
}
.custom_header .nav_links .hs-menu-wrapper>ul>li.hs-item-has-children img{
   margin-left:5px;
   width: .5rem;
}
.custom_header .nav_links .hs-menu-wrapper>ul>li.hs-item-has-children ul li:hover .dropdown-border{
   background-color:#ff0459;
}
.custom_header .nav_links .hs-menu-wrapper>ul>li.hs-item-has-children ul li{
   display:flex;
   align-items:center;
   transition: all .3s;
}
.custom_header .nav_links .hs-menu-wrapper>ul>li.hs-item-has-children ul li:hover{
   background-color: rgb(234, 239, 242);

}

.custom_header .nav_links .hs-menu-wrapper>ul>li ul li a {
   flex-direction: row;
   align-items: center;
   width: 295px;
   padding-left: 1.125rem;
   text-decoration: none;
   display: flex;
   font-weight: 600;
   font-size: 16px;
   padding-left: 1.125rem;
}
.custom_header .nav_links .hs-menu-wrapper>ul>li.hs-menu-item ul li a span {
   color: #ff0459;
   font-weight: 600;
   font-size: 16px;
   margin-right: 4px;
}

.custom_header .main-nav-actions {
   align-self: auto;
   align-items: center;
   display: flex;
   grid-column-gap: 10px;
   grid-row-gap: 0px;
   /* flex-direction: row-reverse; */
   flex: 0 auto;
   order: 1;
   justify-content: space-between;
}


.custom_header a.left_button {
   border: 1px solid;
   border-color: #ff0459;
   font-size: 1rem;
   line-height: 140%;
   text-decoration: none;
   transition: all .3s;
   font-weight: 600;
   text-align: center;
}

.custom_header a.right_button {
   border: 1px solid;
   font-size: 1rem;
   line-height: 140%;
   text-decoration: none;
   transition: all .3s;
   font-weight: 600;
}
.custom_header .mobile_wrapper .mobile_btn a.right_button:hover {
    background-color: #081b28;
    color: #fff;
}

.custom_header .nav_links .hs-menu-wrapper>ul>li.hs-item-has-children ul {
   opacity: 0;
   visibility: hidden;
}
.custom_header .nav_links .hs-menu-wrapper>ul>li.hs-item-has-children:hover ul {
   opacity: 1;
   visibility: visible;
}




@media only screen and (min-width: 990px) and (max-width: 1150px) {
   .custom_header .nav_links .hs-menu-wrapper>ul>li,
   .custom_header   .nav_links .hs-menu-wrapper>ul>li.hs-item-has-children{
      margin-right: 0.8rem;
   }
}
@media screen and (min-width: 992px){
   .custom_header  .cm_header_logo {
      left: 45.5%;
      right: 45.5%;
   }
   .custom_header .cm_header_logo img{
      max-width: 6.875rem;
      width:100% !important;
      height: auto;
   }
   .custom_header .mobile_wrapper{
      display:none
   }
   .custom_header  .trigger{
      display:none;
   }
   .custom_header .mobile_wrapper .mobile_menu ul li a {
      color: #fff;
   }

}





@media screen and (min-width: 1440px) {

   .custom_header .cm_header_logo {
      left: 46%;
      right: 46%;
   }
   .custom_header .cm_header_logo img{
      max-width: 6.875rem;
      width:auto;
      height: auto;
   }
}
@media screen and (min-width: 1920px) {
   .custom_header .cm_header_logo {
      left: 47%;
      right: 47%;
   }
   .custom_header  .cm_header_logo img{
      max-width: 6.875rem;
      width:100% !important;
      height: auto;
   }
} 

@media(max-width:991px){
   .custom_header .nav_links{
      display:none;   
   }
   .custom_header .container{
      justify-content: space-between;
   }
   .custom_header {
      padding: 0;
      display: block;
   }
   .custom_header .container {
      width: auto;
      padding: 25px 1.5rem .875rem;
   }
   .custom_header .cm_header_logo {
      left: 44%;
      right: 44%;
   }
   .custom_header .cm_header_logo img {
      width: auto !important;
      max-width: 110% !important;
      margin-right: 0;
   }
   .custom_header  .trigger {
      width: 32px;
      height: 18px;
      cursor: pointer;
      margin-bottom: 13px;
   }
   .custom_header .container .trigger img {
      width: 32px;
      height: 18px;
   }
   .custom_header .mobile_wrapper {
      position: absolute;
      top: 0;
      left: -797px;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 80vw;
      height: 100vh;
      padding-top: 18px;
      padding-left: 24px;
      padding-right: 24px;
      z-index: 10000;
      display: flex;
      background-color: #fff;
      transition:0.5s;
   }

   .custom_header .mobile_wrapper .mobile_inner ul {
      margin-top: 26px;
      margin-bottom: 26px;
      display: flex;
      flex-direction: column;
      /* align-items: center; */
   }
   .custom_header .mobile_wrapper .mobile_inner ul li a {
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 8px;
      font-size: 36px;
      line-height: 1.2;
      font-weight: 600;
      line-height: 43.2px;
      display: block;
      color: #081b28;
   }
   .custom_header  .mobile_wrapper .mobile_inner ul li {
      margin: 0;
   }
   .custom_header  .mobile_wrapper  .close_icon {
      align-self: flex-end;
      max-width: 32px;
      width: 100%;
      height: 18px;
      cursor: pointer;
   }
   .custom_header  .mobile_wrapper  .close_icon img{
      max-width: 32px;
      width: 100%;
      height: 18px;
      object-fit: cover;
      margin-left: auto;
      position: relative;
   }
   .custom_header .mobile_btn {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      text-align: center;
      flex-direction: column;
      width: 200px;
      display: flex;
   }
   .custom_header  .mobile_wrapper  .mobile_btn a.left_button {
      font-size:         font-size: 16px;
      font-size: 16px;
      font-weight: 600;
      display: BLOCK;
      padding: 8px 24px !important;
      /* border: 19px; */
      border-radius: 19px !important;
   }
   .custom_header .mobile_wrapper .mobile_btn a.right_button {
      display: block;
      color: #081b28;
      transition: all .3s;
      margin-top: 1.5rem;
      padding: .5rem 1.5rem !important;
      border-radius: 1.1875rem !important;
      line-height: 140%;
      text-align: center;
      font-size: 1rem;
   }
   .custom_header  .mobile_wrapper   .mobile_icon {
      justify-content: flex-start;
      margin-top: 32px;
   }
   .custom_header  .mobile_wrapper .mobile_inner {
      width: 100%;
      padding-bottom: 90px;
      display: block;
      overflow-y: scroll;
   }
   .custom_header  .mobile_wrapper .mobile_icon{
      display:flex;
   }
   .custom_header .mobile_wrapper .mobile_icon a {
      margin-right: 1rem;
      max-width: 100%;
      display: inline-block;
      width: auto;
      height: auto;
   }
   .custom_header  .mobile_wrapper .mobile_icon a  img {
      object-fit: cover;
      width: 1.25rem;
      height: 1.25rem;
   }

   .custom_header .mobile_wrapper .close_icon img{
      margin-top: -13px;
   }
   .open_menu .custom_header .mobile_wrapper {
      width: 80vw;
   }
}


@media(max-width:767px){
   .custom_header a.left_button {
      display: none;
   }
   .custom_header .cm_header_logo {
      left: 43%;
      right: 43%;
      max-width: 110px;
   }
   .custom_header .cm_header_logo img {
      max-width: 100% !important;
      display: block;
   }
   .custom_header .trigger {
      margin-bottom: 9px;
   }
}
@media(max-width:479px){

   .custom_header  .main-nav-actions {
      display: none;
   }
   .custom_header .cm_header_logo {
      transform-origin: 50%;
      text-align: center;
      width: 110px !important;
      margin-top: 0;
      margin-left: auto;
      margin-right: auto;
      position: absolute;
      inset: 25px auto auto 50%;
      transform: translate(-50%, -25%);
   }
   .custom_header .cm_header_logo img {
      width: 100%;
      max-width: 100%;
      height: auto;
      max-height: none;
   }
   .open_menu .custom_header .mobile_wrapper{
      width: 90vw;
   }

}

@media(max-width:320px){
   .custom_header .mobile_wrapper .close_icon img {
      margin: 0;
   }

   .custom_header .mobile_wrapper .mobile_inner ul {
      margin-bottom: 40px;
      margin-top: 36px;
      gap: 12px;
   }

   .custom_header .mobile_wrapper .mobile_inner ul li a {
      padding: 0;
   }

   .custom_header .mobile_btn {
      margin-bottom: 37px;
   }

   .custom_header .mobile_wrapper .mobile_icon {
      margin: 0;
   }
   .open_menu .custom_header .mobile_wrapper {
      width: 90vw;
   }
}