/**
 * Buy Now / Pricing — style upgrade only (page-id-141 / pricing)
 * Modern plan cards, brand colors, light 3D. No content add/remove.
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body.page-id-141 {
  --bn-primary: #25B7A7;
  --bn-bright: #17C3B2;
  --bn-deep: #1A9E8F;
  --bn-navy: #083530;
  --bn-navy-deep: #000000;
  --bn-text: #3D5250;
  --bn-muted: #616365;
  --bn-green: #25B7A7;
  --bn-amber: #B45309;
  --bn-ice: #E8F8F6;
  --bn-white: #FFFFFF;
  --bn-font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --bn-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --bn-shadow: 0 14px 34px rgba(26, 158, 143, 0.12);
  --bn-shadow-hover: 0 26px 52px rgba(8, 53, 48, 0.18);
}

body.page-id-141,
body.page-id-141 .theme-layout,
body.page-id-141 .elementor-141 {
  font-family: var(--bn-body);
  color: var(--bn-text);
  background: linear-gradient(180deg, var(--bn-ice) 0%, var(--bn-white) 12%, var(--bn-white) 88%, var(--bn-ice) 100%);
}

body.page-id-141 .elementor-141 h1,
body.page-id-141 .elementor-141 h2,
body.page-id-141 .elementor-141 h3,
body.page-id-141 .elementor-141 h4,
body.page-id-141 .sec-title h2 {
  font-family: var(--bn-font) !important;
  letter-spacing: -0.015em;
  color: var(--bn-navy-deep) !important;
}

/* ---------- Sections ---------- */
body.page-id-141 .elementor-141 .elementor-section {
  position: relative;
}

body.page-id-141 .elementor-element-15b65fe,
body.page-id-141 .elementor-element-65e4e7c {
  padding-top: 88px !important;
}

body.page-id-141 .pricing-section {
  padding: 36px 0 48px !important;
  background: transparent !important;
}

body.page-id-141 .pricing-section .sec-title {
  margin-bottom: 28px !important;
}

body.page-id-141 .pricing-section .sec-title h2 {
  font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

body.page-id-141 .pricing-section .sec-title p {
  color: var(--bn-muted) !important;
  font-size: 15px !important;
  margin-top: 10px !important;
}

body.page-id-141 .pricing-section .sec-title.center h2:after {
  content: "";
  display: block;
  width: 52px;
  height: 3px;
  margin: 14px auto 0;
  border-radius: 2px;
  background: linear-gradient(90deg, #25B7A7, #1A9E8F);
}

/* Soft WebGL */
body.page-id-141 .ccd-bn-webgl {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.3;
  overflow: hidden;
}

body.page-id-141 .ccd-bn-webgl canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}

body.page-id-141 .pricing-section > .container {
  position: relative;
  z-index: 1;
}

/* ---------- INR / USD tabs ---------- */
body.page-id-141 .pricing-section .tab-btn-box .tab-btns {
  background: #fff !important;
  border: 1px solid rgba(8, 53, 48, 0.14) !important;
  border-radius: 999px !important;
  box-shadow: var(--bn-shadow) !important;
  padding: 4px !important;
  display: inline-flex !important;
  gap: 4px;
}

body.page-id-141 .pricing-section .tab-btn-box .tab-btns:before {
  display: none !important;
}

body.page-id-141 .pricing-section .tab-btn-box .tab-btns li {
  border-radius: 999px !important;
  margin: 0 !important;
  padding: 10px 22px !important;
  font-family: var(--bn-font) !important;
  font-weight: 600 !important;
  color: var(--bn-navy-deep) !important;
  background: transparent !important;
  transition: background 0.25s ease, color 0.25s ease !important;
}

body.page-id-141 .pricing-section .tab-btn-box .tab-btns li:before {
  display: none !important;
}

body.page-id-141 .pricing-section .tab-btn-box .tab-btns li.active-btn,
body.page-id-141 .pricing-section .tab-btn-box .tab-btns li:hover {
  background: linear-gradient(145deg, var(--bn-bright), var(--bn-deep)) !important;
  color: #fff !important;
}

/* ---------- Pricing plan cards ---------- */
body.page-id-141 .pricing-section .tabs-box {
  margin: 0 !important;
}

body.page-id-141 .pricing-section .pricing-column {
  padding: 0 12px !important;
  margin-bottom: 24px;
}

body.page-id-141 .pricing-block-one .pricing-table {
  background: #fff !important;
  border: 1px solid rgba(8, 53, 48, 0.14) !important;
  border-radius: 20px !important;
  overflow: hidden;
  box-shadow: var(--bn-shadow) !important;
  transform-style: preserve-3d;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important;
  min-height: 100%;
}

body.page-id-141 .pricing-block-one:hover .pricing-table {
  border-color: rgba(37, 183, 167, 0.45) !important;
  box-shadow: var(--bn-shadow-hover) !important;
  transform: translateY(-8px);
}

body.page-id-141 .pricing-block-one .pricing-table .table-header .title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--bn-navy-deep) !important;
  text-transform: none !important;
  letter-spacing: -0.01em;
  padding: 22px 18px 8px !important;
}

body.page-id-141 .pricing-block-one .pricing-table .table-header .price {
  font-size: clamp(1.6rem, 2.5vw, 2.1rem) !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: var(--bn-navy-deep) !important;
  background: linear-gradient(135deg, rgba(37, 183, 167, 0.14), rgba(8, 53, 48, 0.08)) !important;
  padding: 14px 18px 16px !important;
  border-top: 1px solid rgba(37, 183, 167, 0.18);
  border-bottom: 1px solid rgba(37, 183, 167, 0.18);
}

body.page-id-141 .pricing-block-one .pricing-table .table-header .price:before {
  display: none !important;
}

body.page-id-141 .pricing-block-one .pricing-table .table-header .price span {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--bn-muted) !important;
  display: inline-block;
  margin-left: 4px;
}

body.page-id-141 .pricing-block-one:hover .pricing-table .table-header .price {
  background: linear-gradient(145deg, var(--bn-bright), var(--bn-deep)) !important;
  color: #fff !important;
}

body.page-id-141 .pricing-block-one:hover .pricing-table .table-header .price span {
  color: rgba(255, 255, 255, 0.88) !important;
}

body.page-id-141 .pricing-block-one .pricing-table .table-content {
  padding: 22px 20px 12px !important;
  min-height: 0 !important;
  text-align: left !important;
}

body.page-id-141 .pricing-block-one .pricing-table .table-content li {
  font-size: 14px !important;
  color: var(--bn-muted) !important;
  margin-bottom: 12px !important;
  padding-left: 28px !important;
  line-height: 1.45 !important;
}

body.page-id-141 .pricing-block-one .pricing-table .table-content li:before {
  background: linear-gradient(145deg, var(--bn-bright), var(--bn-deep)) !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
  font-size: 10px !important;
  left: 0 !important;
  top: 2px !important;
}

body.page-id-141 .pricing-block-one .pricing-table .table-footer {
  padding: 8px 18px 22px !important;
}

body.page-id-141 .pricing-block-one .pricing-table .table-footer .theme-btn-two,
body.page-id-141 .pricing-section .theme-btn-two {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px !important;
  width: 100%;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, var(--bn-bright), var(--bn-deep)) !important;
  color: #fff !important;
  font-family: var(--bn-font) !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  box-shadow: 0 10px 22px rgba(26, 158, 143, 0.28);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
}

body.page-id-141 .pricing-block-one .pricing-table .table-footer .theme-btn-two:hover,
body.page-id-141 .pricing-section .theme-btn-two:hover {
  transform: translateY(-2px);
  background: linear-gradient(145deg, #1A9E8F, #25B7A7) !important;
  color: #fff !important;
  box-shadow: var(--bn-shadow-hover);
}

/* Emphasize middle plan */
body.page-id-141 .pricing-section .pricing-column:nth-child(2) .pricing-table {
  border-top: 3px solid #25B7A7 !important;
}

body.page-id-141 .pricing-section .pricing-column:nth-child(1) .pricing-table {
  border-top: 3px solid #25B7A7 !important;
}

body.page-id-141 .pricing-section .pricing-column:nth-child(3) .pricing-table {
  border-top: 3px solid #25B7A7 !important;
}

/* ---------- Before / After comparison cards ---------- */
body.page-id-141 .elementor-element-5afb975c > .elementor-element-populated,
body.page-id-141 .elementor-element-2c582a3c > .elementor-element-populated,
body.page-id-141 .elementor-element-7ba3b23b > .elementor-element-populated,
body.page-id-141 .elementor-element-1eef7d87 > .elementor-element-populated,
body.page-id-141 .elementor-element-e90ec3c > .elementor-element-populated,
body.page-id-141 .elementor-element-20f7287d > .elementor-element-populated,
body.page-id-141 .elementor-element-3aca352f > .elementor-element-populated,
body.page-id-141 .elementor-element-3ca88a21 > .elementor-element-populated {
  background: #fff !important;
  border: 1px solid rgba(8, 53, 48, 0.14) !important;
  border-radius: 16px !important;
  box-shadow: var(--bn-shadow) !important;
  padding: 18px 16px !important;
  margin: 8px !important;
  overflow: hidden;
  transform-style: preserve-3d;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important;
}

body.page-id-141 .elementor-element-5afb975c > .elementor-element-populated:hover,
body.page-id-141 .elementor-element-2c582a3c > .elementor-element-populated:hover,
body.page-id-141 .elementor-element-7ba3b23b > .elementor-element-populated:hover,
body.page-id-141 .elementor-element-1eef7d87 > .elementor-element-populated:hover,
body.page-id-141 .elementor-element-e90ec3c > .elementor-element-populated:hover,
body.page-id-141 .elementor-element-20f7287d > .elementor-element-populated:hover,
body.page-id-141 .elementor-element-3aca352f > .elementor-element-populated:hover,
body.page-id-141 .elementor-element-3ca88a21 > .elementor-element-populated:hover {
  transform: translateY(-6px);
  border-color: rgba(37, 183, 167, 0.4) !important;
  box-shadow: var(--bn-shadow-hover) !important;
}

/* Before cards — amber accent; After cards — green accent */
body.page-id-141 .elementor-element-5afb975c > .elementor-element-populated,
body.page-id-141 .elementor-element-2c582a3c > .elementor-element-populated,
body.page-id-141 .elementor-element-7ba3b23b > .elementor-element-populated,
body.page-id-141 .elementor-element-1eef7d87 > .elementor-element-populated {
  border-top: 3px solid #25B7A7 !important;
}

body.page-id-141 .elementor-element-e90ec3c > .elementor-element-populated,
body.page-id-141 .elementor-element-20f7287d > .elementor-element-populated,
body.page-id-141 .elementor-element-3aca352f > .elementor-element-populated,
body.page-id-141 .elementor-element-3ca88a21 > .elementor-element-populated {
  border-top: 3px solid #25B7A7 !important;
}

body.page-id-141 .elementor-element-2c508376,
body.page-id-141 .elementor-element-300a304f {
  padding: 28px 24px !important;
}

body.page-id-141 .elementor-element-2c508376 .elementor-heading-title,
body.page-id-141 .elementor-element-300a304f .elementor-heading-title,
body.page-id-141 .elementor-element-5e61ddc3 .elementor-heading-title,
body.page-id-141 .elementor-element-14d7379f .elementor-heading-title,
body.page-id-141 .elementor-element-2aa24b85 .elementor-heading-title,
body.page-id-141 .elementor-element-270e6fb8 .elementor-heading-title {
  font-weight: 700 !important;
  color: var(--bn-navy-deep) !important;
}

/* Number badges in comparison */
body.page-id-141 .elementor-element-5afb975c .elementor-heading-title,
body.page-id-141 .elementor-element-2c582a3c .elementor-heading-title,
body.page-id-141 .elementor-element-7ba3b23b .elementor-heading-title,
body.page-id-141 .elementor-element-1eef7d87 .elementor-heading-title,
body.page-id-141 .elementor-element-e90ec3c .elementor-heading-title,
body.page-id-141 .elementor-element-20f7287d .elementor-heading-title,
body.page-id-141 .elementor-element-3aca352f .elementor-heading-title,
body.page-id-141 .elementor-element-3ca88a21 .elementor-heading-title {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px !important;
  border-radius: 10px !important;
  background: linear-gradient(145deg, var(--bn-bright), var(--bn-deep)) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  box-shadow: 0 8px 16px rgba(26, 158, 143, 0.25);
}

body.page-id-141 .elementor-element-e90ec3c .elementor-heading-title,
body.page-id-141 .elementor-element-20f7287d .elementor-heading-title,
body.page-id-141 .elementor-element-3aca352f .elementor-heading-title,
body.page-id-141 .elementor-element-3ca88a21 .elementor-heading-title {
  background: linear-gradient(145deg, var(--bn-green), #1A9E8F) !important;
}

/* Side banners */
body.page-id-141 .elementor-element-3fafeefc > .elementor-element-populated,
body.page-id-141 .elementor-element-6667b22 > .elementor-element-populated {
  border-radius: 18px !important;
  overflow: hidden;
  box-shadow: var(--bn-shadow) !important;
}

body.page-id-141 .elementor-widget-image img {
  border-radius: 14px;
}

body.page-id-141 .elementor-element-17b8416 .elementor-heading-title {
  font-size: clamp(1.15rem, 2vw, 1.45rem) !important;
  font-weight: 700 !important;
  color: var(--bn-navy-deep) !important;
}

@media (max-width: 991px) {
  body.page-id-141 .elementor-element-15b65fe,
  body.page-id-141 .elementor-element-65e4e7c {
    padding-top: 90px !important;
  }

  body.page-id-141 .pricing-section .pricing-column {
    padding: 0 8px !important;
  }

  body.page-id-141 .ccd-bn-webgl {
    opacity: 0.18;
  }
}

@media (max-width: 767px) {
  body.page-id-141 .pricing-block-one .pricing-table .table-content {
    padding: 18px 16px 10px !important;
  }

  body.page-id-141 .elementor-element-5afb975c > .elementor-element-populated,
  body.page-id-141 .elementor-element-2c582a3c > .elementor-element-populated,
  body.page-id-141 .elementor-element-7ba3b23b > .elementor-element-populated,
  body.page-id-141 .elementor-element-1eef7d87 > .elementor-element-populated,
  body.page-id-141 .elementor-element-e90ec3c > .elementor-element-populated,
  body.page-id-141 .elementor-element-20f7287d > .elementor-element-populated,
  body.page-id-141 .elementor-element-3aca352f > .elementor-element-populated,
  body.page-id-141 .elementor-element-3ca88a21 > .elementor-element-populated {
    margin: 6px 0 !important;
  }
}