.elementor-462 .elementor-element.elementor-element-92e313f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-b17a8a7 *//* Mobile Menu Slide */
@media (max-width: 768px) {
  .hamburger {
    display: flex;
  }

  .saas-header .nav-menu {
    position: fixed; /* fixed so it slides over content */
    top: 0;
    left: -300px; /* start off-screen left */
    width: 250px; /* menu width */
    height: 100vh;
    background: rgba(0,0,0,0.95);
    backdrop-filter: blur(15px);
    transition: left 0.4s ease;
    display: flex;
    flex-direction: column;
    padding-top: 80px;
    z-index: 998;
  }

  .saas-header .nav-menu ul {
    flex-direction: column;
    gap: 20px;
    padding: 0 20px;
  }

  .saas-header .nav-menu ul li {
    text-align: left;
  }

  .btn-mobile {
    margin: 20px;
    display: block;
    padding: 10px 0;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    transition: 0.3s;
  }

  .btn-mobile:hover {
    color: #7f5af0;
  }

  /* When active */
  .nav-menu.active {
    left: 0;
  }

  .header-btn {
    display: none; /* hide desktop button */
  }
}
/* Hide mobile button on desktop */
.btn-mobile{
display:none;
}

/* Show mobile button only on mobile */
@media (max-width:768px){

.btn-mobile{
display:block;
}

}/* End custom CSS */