.elementor-84 .elementor-element.elementor-element-90c6ccf{--display:flex;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-d4cc655 .wpo-custom-site-header .navigation{height:130px;}.elementor-84 .elementor-element.elementor-element-d4cc655 .navigation .theme-btn{padding:12px 45px 12px 45px;}@media(max-width:1024px){.elementor-84 .elementor-element.elementor-element-d4cc655 .wpo-custom-site-header .navigation{height:140px;}}/* Start custom CSS for wpo-istiqbal_header, class: .elementor-element-d4cc655 *//* ================================
   MOBILE & TABLET HEADER FIX
   Logo Left, Menu Icon Right
   (applies below 992px - covers tablet + mobile, same HTML structure)
   ================================ */

@media (max-width: 991px) {

  /* Ensure row behaves as flex (Bootstrap row already is, but just in case) */
  .container-fluid .row.align-items-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  /* Menu toggle button column - move to RIGHT */
  .col-lg-3.col-md-3.col-3.d-lg-none.dl-block {
    order: 2;
    text-align: right;
  }

  /* Logo column - move to LEFT */
  .col-lg-2.col-md-6.col-6 {
    order: 1;
    text-align: left;
  }

  /* Logo itself - remove center alignment */
  .navbar-header {
    text-align: left;
  }

  .navbar-header .navbar-brand {
    display: inline-block;
    margin: 0;
  }

  .navbar-header .navbar-brand img {
    margin: 0 !important;
  }

  /* Push mobile menu button neatly to the right inside its column */
  .mobail-menu {
    display: flex;
    justify-content: flex-end;
  }
}/* End custom CSS */