/* ========== Responsive CSS ========== */
:root {
  
}
/* ===== Desktop ===== */
@media only screen and (min-width: 1025px) {
}
/* ===== Tablet ===== */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body {
    header .header-menu {
      position: absolute;
      top: 0px;
      right: 0px;
      gap: 0;

      .elementor-menu-toggle {
        margin-top: 18px;
        margin-right: 48px;
      }
    }

    /* ===== Typography ===== */
    .h1-style,
    .h1-style *,
    h1 {
      font-size: 48px;
    }
    .h2-style,
    .h2-style *,
    h2 {
      font-size: 36px;
    }
    .h3-style,
    .h3-style *,
    h3 {
      font-size: 24px;
    }
    .h4-style,
    .h4-style *,
    .elementor-testimonial__text,
    h4 {
      font-size: 18px;
    }

  }
}
/* ===== Mobile ===== */
@media only screen and (max-width: 767px) {
  body {
    header .header-menu {
      position: absolute;
      top: 0px;
      right: 0px;
      gap: 0;
      z-index: 9999;

      .elementor-menu-toggle {
        margin-top: 18px;
        margin-right: 24px;
      }
    }
    /* ===== Typography ===== */
    .h1-style,
    .h1-style *,
    h1 {
      font-size: 36px;
    }
    .h2-style,
    .h2-style *,
    h2 {
      font-size: 28px;
    }
    .h3-style,
    .h3-style *,
    h3 {
      font-size: 24px;
    }
    .h4-style,
    .h4-style *,
    .elementor-testimonial__text,
    h4 {
      font-size: 18px;
    }
  }
}