.elementor-1944 .elementor-element.elementor-element-cee12b3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1944 .elementor-element.elementor-element-78ae211{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1944 .elementor-element.elementor-element-21664fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1944 .elementor-element.elementor-element-ef2732d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1944 .elementor-element.elementor-element-cee12b3{--content-width:1600px;}.elementor-1944 .elementor-element.elementor-element-78ae211{--content-width:1600px;}.elementor-1944 .elementor-element.elementor-element-21664fc{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-22c2dd2 *//* WRAPPER */
.plan-wrapper {
  background: #f5f6f7;
  padding: 80px 20px;
  display: flex;
  justify-content: center;
  overflow-x: hidden; /* prevent horizontal scroll */
}

/* CARD */
.plan-card {
  width: 100%;
  max-width: 900px; /* FIX: instead of fixed width */
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  font-family: 'Inter', sans-serif;
}

/* HEADER */
.plan-header {
  background: #0b1c3f;
  color: #fff;
  text-align: center;
  padding: 18px;
  font-size: 18px;
  font-weight: 600;
}

/* BODY */
.plan-body {
  display: flex;
  background: #f8f9fb;
}

/* COLUMN */
.plan-col {
  flex: 1;
  padding: 30px 20px;
  text-align: center;
}

.border-right {
  border-right: 1px solid #e5e7eb;
}

/* BADGE */
.badge {
  display: inline-block;
  background: #eef2ff;
  color: #2f6df6;
  font-size: 13px;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 15px;
}

/* PRICE */
.price {
  font-size: 36px;
  font-weight: 700;
  margin: 10px 0;
}

.price span {
  font-size: 14px;
  color: #6b7280;
}

/* BILLING */
.billing {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 20px;
}

/* BUTTONS */
.btn-primary,
.btn-outline {
  display: inline-block;
  padding: 12px;
  width: 80%;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
  transition: 0.3s;
}

/* primary */
.btn-primary {
  background: #2f6df6;
  color: #fff;
  box-shadow: 0 4px 10px rgba(47,109,246,0.3);
}

/* outline */
.btn-outline {
  border: 1px solid #cbd5e1;
  color: #2f6df6;
  background: #fff;
}

/* FOOTER */
.plan-footer {
  background: #e6f4ea;
  color: #1e7e34;
  text-align: center;
  padding: 12px;
  font-size: 14px;
}

/* =========================
   ✅ RESPONSIVE FIX
========================= */

/* Tablet */
@media (max-width: 992px) {
  .plan-card {
    max-width: 100%;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .plan-body {
    flex-direction: column; /* stack */
  }

  .border-right {
    border-right: none;
    border-bottom: 1px solid #e5e7eb; /* horizontal divider */
  }

  .plan-col {
    padding: 25px 15px;
  }

  .price {
    font-size: 30px;
  }

  .btn-primary,
  .btn-outline {
    width: 100%; /* full width buttons */
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .plan-wrapper {
    padding: 40px 10px;
  }

  .plan-header {
    font-size: 16px;
    padding: 14px;
  }

  .price {
    font-size: 26px;
  }

  .badge {
    font-size: 12px;
    padding: 5px 10px;
  }

  .billing {
    font-size: 12px;
  }

  .plan-footer {
    font-size: 12px;
    padding: 10px;
  }
}/* End custom CSS */