.pd-top{
  padding-top:100px;  
}

.header-cnt{
  padding:0 20px;
  display:flex;
  align-items:center;
  position:relative;
}
.logo-cnt{
  width:187px;
}
.logo-cnt img {
  width: 100%;
  padding:0;
}
.menu-cnt{
  width:90%;
  margin:0 0 0 auto;
  padding: 0 15px 10px;
  box-sizing: border-box;
}
.menu-cnt ul{
  padding-left:0; 
  list-style-type:none;
  display:flex;
  justify-content: flex-end;
}
.menu-cnt ul li{
  padding:0 10px;
  margin:0 12px;
  position:relative;
}
.menu-cnt ul li.hs-menu-depth-1:after{
  position:absolute;
  content:'\203a';
  top:-6px;
  right:-8px;
  color:#1890C4;
  display:none;
  transition:all .4s;
  transform: rotate(90deg);
  font-size: 28px!important;
}


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

.menu-cnt ul li.hs-menu-depth-1:hover:after {
  transform: rotate(270deg); /* Adjust the rotation angle as needed */
  transition: transform 200ms ease-in-out;
}
}

.menu-cnt ul li.hs-menu-depth-1 {
  margin-right: calc(28px); /* 28px is the arrow's width, and 10px is the desired spacing */
}

/* Add this CSS for the animation */
.menu-cnt ul.hs-menu-children-wrapper {
  transform-origin: top center;
  animation: growDown 300ms ease-in-out forwards;
  display: none; /* Start with the dropdown menu hidden */
}

/* Define the keyframes for the animation */
@keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}



.menu-cnt ul li.hs-menu-depth-1.show:after, ul.hs-menu-children-wrapper.show{
  display:block;
}
.menu-cnt ul li a{
  text-decoration:none;
  font-weight: 500!important;
  font-size: 16px!important;
  line-height: 20px!important;
  color:#101820;
}
.menu-cnt ul li a:hover{
  color: #1890C4;
}
.hs-item-has-children{
  position:relative;
}
.menu-cnt ul li.active, .menu-cnt ul li.active>a{
  color: #1890c4;
}
.menu-cnt ul li.active li.active a{
color: #1890C4;
}
 .menu-cnt ul li.active li.active a.active{
color: #1890C4;
}
.menu-cnt ul li.active li.active:hover a{
color: #1890c4;
}
ul.hs-menu-children-wrapper{
  display:none;
  position:absolute;
  left:0; 
  z-index:11;
  background:#1890C4;
}
ul.hs-menu-children-wrapper li{
  margin: 0;
  padding: 15px 20px;
  min-width: max-content;
  border-bottom:1px solid #fff;
}
ul.hs-menu-children-wrapper li a{
  color:#fff;
  width: fit-content;
}
ul.hs-menu-children-wrapper li:hover>a{
  color:#1890C4;
}
ul.hs-menu-children-wrapper li:hover{
  background:#fff!important;
  color:#1890C4!important;
}

ul.hs-menu-children-wrapper li.active a{
 color: #fff;
     text-decoration:underline;
}


ul.hs-menu-children-wrapper li.active:hover a{
 color: #1890c4;
     text-decoration:underline;


ul.hs-menu-children-wrapper li:first-child:hover{
  border-top: 1px solid #1890C4;
}

.nav-btn{
  text-align:center;
  width:60px;
  padding:0;
  box-sizing:border-box;
}
.nav-btn svg{
  width:25px;
}