.elementor-2804 .elementor-element.elementor-element-49ded4b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-2804 .elementor-element.elementor-element-49ded4b:not(.elementor-motion-effects-element-type-background), .elementor-2804 .elementor-element.elementor-element-49ded4b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2804 .elementor-element.elementor-element-d6f183b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-8px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2804 .elementor-element.elementor-element-de2027d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-de2027d */.service-menu-wrapper {
    display: flex;
    padding: 10px;
    position: relative;
  }

  .scroll-btn {
    background-color: #175A64;
    color: white;
    border: none;
    padding: 5px;
    font-size: 20px;
    cursor: pointer;
    max-height: 39px;
    display: flex;
    align-items: center;
  }
  .scroll-btn:hover{
    background-color: #0F3E45;
  }
  .btn-l{
    border-radius: 5px 0 0 5px;
  }
  .btn-r{
    border-radius: 0 5px 5px 0;
  }
    .service-menu {
      min-height: 95vh;
      display: flex;
      align-items: flex-start;
      gap: 10px;
      scroll-behavior: smooth;
      white-space: nowrap;
      flex: 1;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: thin;
      scrollbar-color: #ff9d56 #e8fbff;
      touch-action: pan-x;
    }

  .dropdown {
    position: relative;
    
  }

  .dropdown-button {
    background: #F47920;
    color: #fff;
    padding: 5px 12px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 14px;
  }
  .dropdown-button:hover {
    background-color: #DA5F06;
  }
  .dropdown.open .dropdown-button{
    background-color: #DA5F06;
  }
  .nested-dropdown .dropdown-button{
    background-color: #f4782034 !important;
    color: #333;
  }
  .nested-dropdown .dropdown-button:hover{
    background-color: #f4782067 !important;
  }
  .nested-dropdown.open .dropdown-button{
    background-color: #DA5F06 !important;
    color: #fff;
  }
  .dropdown-button::after {
    content: " ▼";
  }

  .dropdown-content {
    display: none;
    position: absolute;
    background: white;
    top: 100%;
    left: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    min-width: 200px;
    z-index: 1000;
    padding: 5px 5px 5px 10px;
  }

  .dropdown-content a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333;
    white-space: normal;
  }

  .dropdown-content a:hover {
    background: #f0f0f0;
  }

  .dropdown.open > .dropdown-content {
    display: block;
  }

  /* Nested dropdown */
  .nested-dropdown {
    position: relative;
  }

  .nested-dropdown > .dropdown-button::after {
    content: " ▶";
  }

  .nested-dropdown .dropdown-content {
      left: 100%;
      top: 0;
      margin-left: 2px;
      z-index: 1001;
  }
  .myclass{
    padding: 3px;
    border: 1px solid #175A64;
    display: flex;
    gap: 10px;
  }
  .gaps .nested-dropdown{
    margin: 5px 0;
  }
  .nested-dropdown.left .dropdown-content {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: 2px;
  }
  @media (max-width: 768px) {
.service-menu {
  flex-direction: column;
  /*overflow-x: hidden;*/
  overflow-y: auto;
  overflow-x: auto;
}
.dropdown-content a {
  padding-left: 20px;
  border-top: 1px solid #eee;
}

.nested-dropdown .dropdown-button::after {
  content: " ▼";
}

.nested-dropdown .dropdown-content {
  position: relative;
  left: 0 !important;
  right: 0 !important;
  top: 0;
  margin: 0;
  width: 100%;
}

.nested-dropdown.left .dropdown-content {
  right: 0;
}

.dropdown-button {
  width: 100%;
  text-align: left;
}
}/* End custom CSS */