/* =========================================================
   FORCE 2 BUTTONS ONLY + MAKE "GET OFFER" BIGGER
   Put this at END of style.css
   ========================================================= */

.btn-sec{
  gap: 12px;
}

.btn-sec .btn.btn-primary.whatsappbtn,
.btn-sec .btn.btn-primary.enqbtn{
  width: auto !important;            /* overrides old width:33% */
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* smaller button */
.btn-sec .btn.btn-primary.whatsappbtn{
  flex-basis: 42% !important;
}

/* bigger button */
.btn-sec .btn.btn-primary.enqbtn{
  flex-basis: 58% !important;
  min-width: 170px;                  /* keeps it visibly bigger */
}

/* Mobile: full width stacked (optional but looks great) */
@media (max-width: 480px){
  .btn-sec{
    flex-wrap: nowrap;
    gap: 10px;
  }
  .btn-sec .btn.btn-primary.whatsappbtn{ flex-basis: 45% !important; }
  .btn-sec .btn.btn-primary.enqbtn{ flex-basis: 55% !important; }
}
/* =========================================================
   PACKAGE CARDS: 2 buttons only (Get Offer bigger)
   Only applies when .btn-sec-2 is added
   ========================================================= */

.single-feature .btn-sec.btn-sec-2{
  display: flex;
  width: 100%;
  gap: 12px;
  flex-wrap: nowrap;
  justify-content: space-between; /* better than center for 2 buttons */
  align-items: center;
}

/* reset old 33% width + any margins coming from app.min.css */
.single-feature .btn-sec.btn-sec-2 > a.btn{
  width: auto !important;
  margin: 0 !important;
  flex: 1 1 0;
  min-width: 0;              /* prevents overflow */
  white-space: nowrap;       /* keeps icon+text in one line */
}

/* Make Get Offer bigger */
.single-feature .btn-sec.btn-sec-2 > a.btn.enqbtn{
  flex: 1.35 1 0;            /* ~58% vs 42% */
}

/* Optional: make both buttons same height nicely */
.single-feature .btn-sec.btn-sec-2 > a.btn{
  padding: 12px 14px;
  border-radius: 12px;
}

/* Mobile: keep them full width stacked (prevents any break) */
@media (max-width: 520px){
  .single-feature .btn-sec.btn-sec-2{
    flex-wrap: wrap;
  }
  .single-feature .btn-sec.btn-sec-2 > a.btn{
    flex: 1 1 100%;
  }
}