/*=========================================================
        MOBILE ENQUIRY POPUP
=========================================================*/

  /* Hide by default */
  .zxqvMobilePopupOverlayX87431 {
      display: none;
  }

  /*=============================
    MOBILE ONLY
=============================*/
 

  /*==================================================
SMALL MOBILE (481px - 575px)
==================================================*/

  @media only screen and (max-width:575px) {

      .zxqvMobilePopupOverlayX87431.active {
          padding: 12px;
      }

      .zxqvMobilePopupBoxX87431 {
          width: 100%;
          max-width: 100%;
          border-radius: 14px;
      }

      .zxqvMobilePopupHeaderX87431 {
          padding: 22px 16px;
      }

      .zxqvMobilePopupHeaderX87431 h2 {
          font-size: 22px;
          color: #ffffff;
      }

      .zxqvMobilePopupHeaderX87431 p {
          font-size: 12px;
      }

      .zxqvMobilePopupFormX87431 {
          padding: 16px;
      }

      .zxqvMobileGridRowX87431 {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 10px;
      }

      .zxqvMobileFieldWrapX87431 label {
          font-size: 13px;
      }

      .zxqvMobileFieldWrapX87431 input,
      .zxqvMobileFieldWrapX87431 select {
          height: 44px;
          padding: 0 10px;
          font-size: 13px;
      }

      .zxqvMobileFieldWrapX87431 textarea {
          height: 100px;
          padding: 10px;
          font-size: 13px;
      }

  }

  /*==================================================
EXTRA SMALL MOBILE (360px - 480px)
==================================================*/

  @media only screen and (max-width:480px) {

      .zxqvMobilePopupBoxX87431 {
          border-radius: 12px;
      }

      .zxqvMobileGridRowX87431 {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 8px;
      }

      .zxqvMobileFieldWrapX87431 label {
          font-size: 12px;
      }

      .zxqvMobileFieldWrapX87431 input,
      .zxqvMobileFieldWrapX87431 select {
          height: 42px;
          padding: 0 8px;
          font-size: 12px;
      }

      .zxqvMobileFieldWrapX87431 textarea {
          height: 90px;
          padding: 8px;
          font-size: 12px;
      }

      .zxqvMobileSubmitBtnX87431 {
          height: 44px;
          font-size: 13px;
      }

  }

  /*==================================================
VERY SMALL MOBILE (320px - 359px)
==================================================*/

  @media only screen and (max-width:359px) {

      .zxqvMobileGridRowX87431 {
          grid-template-columns: 1fr;
      }

      .zxqvMobilePopupFormX87431 {
          padding: 14px;
      }

  }

  /*=============================
    TABLET / LAPTOP / DESKTOP
=============================*/

  @media only screen and (min-width:1025px) {

      .zxqvMobilePopupOverlayX87431 {
          display: none !important;
      }

  }


  /*=========================================
                HIDE BY DEFAULT
            =========================================*/

  .zxvUltraFooterDockX94751 {
      display: none !important;
  }


  /*=========================================
                MOBILE ONLY
 =========================================*/

  @media only screen and (max-width:1025px) {

      .zxvUltraFooterDockX94751 {
          position: fixed;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 68px;
          display: flex !important;
          z-index: 999999;
          background: #fff;
          box-shadow: 0 -5px 18px rgba(0, 0, 0, .18);
      }

      .zxvUltraFooterBtnX94751 {
          width: 50%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          text-decoration: none;
          color: #fff;
          padding: 8px 5px;
          box-sizing: border-box;
      }

      .zxvUltraFooterBtnX94751 i {
          font-size: 22px;
          margin-bottom: 5px;
          line-height: 1;
      }

      .zxvUltraFooterBtnX94751 span {
          font-size: 14px;
          font-weight: 600;
          line-height: 1.2;
          text-align: center;
      }

      .zxvUltraEnquiryBtnX94751 {
          background: #0b2f69;
          border-right: 1px solid rgba(255, 255, 255, .15);
      }


      .zxvUltraWhatsappBtnX94751 {
          background: #09b327;
      }

      .zxvUltraEnquiryBtnX94751:hover{
        background: #083f98;
        color: #ffffff;
      }
      .zxvUltraWhatsappBtnX94751:hover{
        background: #0d9025;
        color: #ffffff;
        

      }

      body {
          padding-bottom: 68px;
      }



       .zxqvMobilePopupOverlayX87431.active {
          position: fixed;
          inset: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          background: rgba(0, 0, 0, .75);
          padding: 15px;
          z-index: 999999;
      }

      .zxqvMobilePopupBoxX87431 {
          width: 100%;
          max-width: 420px;
          max-height: 90vh;
          overflow-y: auto;
          overflow-x: hidden;
          background: #fff;
          border-radius: 18px;
          box-shadow: 0 15px 40px rgba(0, 0, 0, .25);
          position: relative;
      }

      /* Scrollbar */

      .zxqvMobilePopupBoxX87431::-webkit-scrollbar {
          width: 6px;
      }

      .zxqvMobilePopupBoxX87431::-webkit-scrollbar-thumb {
          background: #c5c5c5;
          border-radius: 20px;
      }

      /* Close Button */

      .zxqvMobilePopupCloseX87431 {
          position: absolute;
          top: 15px;
          right: 15px;
          width: 36px;
          height: 36px;
          border: none;
          border-radius: 50%;
          background: #f4f4f4;
          cursor: pointer;
          transition: .3s;
          z-index: 20;
      }

      .zxqvMobilePopupCloseX87431:hover {
          background: #0b2f69;
          color: #fff;
      }

      /* Header */

      .zxqvMobilePopupHeaderX87431 {
          background: #0b2f69;
          color: #fff;
          text-align: center;
          padding: 28px 20px;
      }

      .zxqvMobilePopupHeaderX87431 h2 {
          margin: 0 0 10px;
          font-size: 26px;
          font-weight: 700;
          color: #ffffff;
      }

      .zxqvMobilePopupHeaderX87431 p {
          margin: 0;
          font-size: 13px;
          line-height: 1.7;
      }

      /* Form */

      .zxqvMobilePopupFormX87431 {
          padding: 22px;
      }

      /* 2 Column Layout */

      .zxqvMobileGridRowX87431 {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 14px;
          margin-bottom: 16px;
      }

      .zxqvMobileFieldWrapX87431 {
          width: 100%;
      }

      .zxqvMobileFieldWrapX87431 label {
          display: block;
          margin-bottom: 8px;
          font-size: 14px;
          font-weight: 600;
          color: #222;
      }

      .zxqvMobileFieldWrapX87431 span {
          color: #e11d48;
      }

      .zxqvMobileFieldWrapX87431 input,
      .zxqvMobileFieldWrapX87431 select {
          width: 100%;
          height: 48px;
          border: 1px solid #d9d9d9;
          border-radius: 10px;
          padding: 0 14px;
          font-size: 14px;
          outline: none;
          box-sizing: border-box;
          transition: .3s;
      }

      .zxqvMobileFieldWrapX87431 textarea {
          width: 100%;
          height: 120px;
          border: 1px solid #d9d9d9;
          border-radius: 10px;
          padding: 14px;
          resize: none;
          box-sizing: border-box;
          font-size: 14px;
          outline: none;
      }

      .zxqvMobileFieldWrapX87431 input:focus,
      .zxqvMobileFieldWrapX87431 select:focus,
      .zxqvMobileFieldWrapX87431 textarea:focus {
          border-color: #0b2f69;
          box-shadow: 0 0 0 3px rgba(11, 47, 105, .10);
      }

      /* Submit Button */

      .zxqvMobileSubmitBtnX87431 {
          width: 100%;
          height: 50px;
          border: none;
          border-radius: 10px;
          background: #0b2f69;
          color: #fff;
          font-size: 15px;
          font-weight: 600;
          cursor: pointer;
          transition: .3s;
          margin-top: 5px;
      }

      .zxqvMobileSubmitBtnX87431:hover {
          background: #08244f;
      }

  }

  /* Small Mobile */

  @media only screen and (max-width:480px) {

      .zxvUltraFooterDockX94751 {
          height: 62px;
      }

      .zxvUltraFooterBtnX94751 i {
          font-size: 20px;
      }

      .zxvUltraFooterBtnX94751 span {
          font-size: 13px;
      }

  }

  /* Extra Small Mobile */

  @media only screen and (max-width:360px) {

      .zxvUltraFooterDockX94751 {
          height: 58px;
      }

      .zxvUltraFooterBtnX94751 i {
          font-size: 18px;
      }

      .zxvUltraFooterBtnX94751 span {
          font-size: 12px;
      }

  }


  
  /* =========================================================
   PREVENT BACKGROUND SCROLL - MOBILE & TABLET
========================================================= */

@media only screen and (max-width: 1025px) {

    /* Prevent the main page from scrolling when popup is open */
    body:has(.zxqvMobilePopupOverlayX87431.active) {
        overflow: hidden !important;
        height: 100vh !important;
        position: fixed !important;
        width: 100% !important;
    }

    /* Popup overlay itself stays fixed */
    .zxqvMobilePopupOverlayX87431.active {
        position: fixed !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100dvh !important;
        overflow: hidden !important;
    }

    /* Only popup box can scroll */
    .zxqvMobilePopupBoxX87431 {
        max-height: calc(100dvh - 30px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
    }

}