.header-top-bar{
   background-color: #f1f1f1;
   min-height: 52px;
   border-bottom-left-radius: 18px;
   border-bottom-right-radius: 18px;
}

.header-logo img{
   height: 50px;
   width: auto;
   object-fit: contain;
}

.header-menu ul{
   display: flex;
   gap: 20px;
   margin-bottom: 0 !important;
}
.header-menu > ul>  li{
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
}
.header-menu ul li a{
   color: var(--ts-text-strong);
   display: inline-block;
   font-size: 14px;
   transition: all 300ms;
   padding: 5px 17px;
   text-align: center;
}
.header-menu > ul > li:first-of-type::before{
   position: absolute;
   content: '';
   width: 13px;
   height: 3px;
   border-radius: 20px;
   background-color: var(--ts-primary);
   top: 56%;
   transform: translateY(-50%);
   right: 0;
}
.header-menu ul li a:hover{
   background-color: var(--ts-primary);
   border-radius: 20px;
   color: #fff !important;

}
.header-contact-txt span{
   color: var(--ts-primary);
   font-weight: 800;
   display: block;
   text-align: left;
}

.header-search{
   width: 43px;
   height: 43px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
   cursor: pointer;
   background-color: var(--ts-primary);
   border: none;
   outline: none;
}

.menu-toggler{
   cursor: pointer;
   border: none;
   overflow: unset;
   background: transparent;
}

.ts-mobile-menu {
   display: none;
}

@media (max-width: 991.98px) {
   .ts-mobile-menu {
      display: block;
      position: absolute;
      top: 100%;
      right: 0;
      width: 100%;
      max-height: 75vh;
      overflow-y: auto;
      overflow-x: hidden;
      overscroll-behavior: contain;
      direction: rtl;
      background: #fff;
      border-radius: 0 0 18px 18px;
      box-shadow: 0 12px 24px rgba(22, 30, 45, .1);
      padding: 16px 20px;
      visibility: hidden;
      opacity: 0;
      transform: translateX(100%);
      pointer-events: none;
      transition: transform .3s ease, opacity .3s ease, visibility 0s .3s;
   }
   .ts-site-header.is-menu-open {
      background: #fff;
   }
   .ts-site-header.is-menu-open .ts-mobile-menu {
      visibility: visible;
      opacity: 1;
      transform: translateX(0);
      pointer-events: auto;
      transition-delay: 0s;
   }
   .ts-mobile-menu ul {
      list-style: none;
      padding: 0;
      margin: 0;
   }
   .ts-mobile-menu li + li {
      border-top: 1px solid #edf0f4;
   }
   .ts-mobile-menu a {
      display: block;
      padding: 12px;
      border-radius: 10px;
      color: var(--ts-text-strong, #262626);
      font-size: 15px;
      transition: color .2s ease, background-color .2s ease;
   }
   .ts-mobile-menu a:hover,
   .ts-mobile-menu a:focus-visible,
   .ts-mobile-menu .current-menu-item > a {
      color: var(--ts-primary, #22274d);
      background: #f1f5fc;
   }
   .ts-mobile-menu .sub-menu {
      padding-right: 18px;
      margin-bottom: 8px;
      border-right: 2px solid #edf0f4;
   }
}

/* Keep the page as the scroll container so the header can stick. */
body {
   overflow-x: clip;
}

.ts-site-header {
   --ts-header-hide-offset: 76px;
   position: sticky;
   top: calc(-1 * var(--ts-header-hide-offset));
   z-index: 1030;
   background: transparent;
   box-shadow: 0 0 0 transparent;
   transition: background-color .35s ease, box-shadow .35s ease;
}

.ts-site-header__top {
   overflow: hidden;
}

.ts-site-header__main {
   padding-bottom: 12px;
}

.ts-site-header.has-scroll {
   background: #fff;
   box-shadow: 0 4px 14px rgba(22, 30, 45, .08);
}

.ts-site-header.has-scroll .ts-site-header__main {
   padding-top: 10px;
}

body.admin-bar .ts-site-header {
   top: calc(32px - var(--ts-header-hide-offset));
}

@media (max-width: 782px) {
   body.admin-bar .ts-site-header {
      top: calc(46px - var(--ts-header-hide-offset));
   }
}

@media (prefers-reduced-motion: reduce) {
   .ts-site-header,
   .ts-mobile-menu {
      transition: none;
   }
}