/*----*/

.elementor-section .elementor-container,
.e-con {
  max-width: 1440px !important; /* your desired width */
  margin: 0 auto !important;
}

#akrStickyHeader {
  position: absolute;
  top: 20px;
  left: 50%;
  max-width: 1440px;
  width: 100%;
  z-index: 9999;
  background-color: #fff;
  transition: top 0.4s ease, box-shadow 0.3s ease;
  box-shadow: none;
  transform: translateX(-50%);
}

.akrStickyHeader.ekit-header-visible {
  top: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.akrBtnWrapper .wpr-button,
.wpr-button {
  width: max-content !important;
}

.wpr-parallax-multi-layer {
  display: none;
}

/* radial light/dark blobs for .akrPricingBg */
.akrPricingBg {
  position: relative; /* needed for pseudo elements */
  overflow: hidden;
  /* keep your existing background-color / image here */
}

/* ensure actual content sits above the blobs */
.akrPricingBg > * {
  position: relative;
  z-index: 2;
}

/* top-left white radial */
.akrPricingBg::before {
  content: "";
  position: absolute;
  top: -18%;
  left: -18%;
  width: 48%; /* adjust size */
  height: 48%; /* adjust size */
  border-radius: 50%;
  z-index: 0;
  pointer-events: none; /* won't block clicks */
  filter: blur(28px); /* soft edge */
  transform: translateZ(0);
  background: radial-gradient(
    circle at 30% 30%,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(255, 255, 255, 0.6) 35%,
    rgba(255, 255, 255, 0.18) 60%,
    transparent 100%
  );
  mix-blend-mode: screen; /* makes it blend nicely on dark backgrounds */
}

/* bottom-right gray radial */
.akrPricingBg::after {
  content: "";
  position: absolute;
  bottom: -18%;
  right: -18%;
  width: 48%;
  height: 48%;
  border-radius: 50%;
  z-index: 0;
  pointer-events: none;
  filter: blur(28px);
  transform: translateZ(0);
  background: radial-gradient(
    circle at 70% 70%,
    rgba(200, 200, 200, 0.9) 0%,
    rgba(180, 180, 180, 0.6) 30%,
    rgba(160, 160, 160, 0.25) 60%,
    transparent 100%
  );
  mix-blend-mode: multiply; /* subtle darker effect */
}

/* small-screen tweaks */
@media (max-width: 480px) {
  .akrPricingBg::before,
  .akrPricingBg::after {
    width: 70%;
    height: 70%;
    filter: blur(22px);
  }
  .akrPricingBg::before {
    top: -28%;
    left: -28%;
  }
  .akrPricingBg::after {
    bottom: -28%;
    right: -28%;
  }
}

.akrPricingTable .elementor-price-table__button {
  display: block;
}
.tab-btn-outer {
  display: flex;
  flex-direction: row;
  border: 1px solid #083ace;
  align-content: center;
  justify-content: center;
  align-items: stretch;
  width: max-content;
  margin: 0 auto;
  border-radius: 25px;
}
.tab-btn-outer .akr-btn {
  border-radius: 20px;
  background: transparent;
  display: inline-block;
  cursor: pointer;
  line-height: 1;
  font-size: 15px;
  padding: 12px 24px;
  border-radius: 20px;
  color: var(--e-global-color-secondary);
  fill: var(--e-global-color-secondary);
  text-align: center;
  transition: all 0.3s;
}
.tab-btn-outer .akr-btn.active {
  background: #083ace;
}

#akrEnterprise,
#akrStarter {
  display: none;
}
#akrEnterprise.active,
#akrStarter.active,
.akr-tab.active{
  display: block;
}
.akrTextCenter {
  text-align: center;
}

.NumberBox .elementor-heading-title {
  font-family: "Poppins";
  font-style: oblique;
}
.NumberBox .wpr-promo-box-description,
.NumberBox .wpr-promo-box-description h5,
.NumberBox .wpr-promo-box-description h6 {
  color: #fff;
  font-family: "poppins";
  font-weight: 600;
  margin: 0 0 5px;
}
.NumberBox .wpr-promo-box-description .wpr-promo-box-btn {
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  margin-top: 5px;
  padding: 5px 10px;
  border-radius: 20px;
}

.NumberBox:nth-child(1) {
  transform: rotate(-5deg);
}
.NumberBox:nth-child(2) {
  transform: translateY(100px) rotate(5deg);
}
.NumberBox:nth-child(3) {
  transform: rotate(-5deg);
}
.NumberBox:nth-child(4) {
  transform: translateY(100px) rotate(5deg);
}

.NumberBox:nth-child(1) .wpr-promo-box-description h6 {
  /* color: #faad19; */
  color: #fff;
}
.NumberBox:nth-child(2) .wpr-promo-box-description h6 {
  /* color: #0050ca; */
  color: #fff;
}
.NumberBox:nth-child(3) .wpr-promo-box-description h6 {
  /* color: #5d0093; */
  color: #fff;
}
.NumberBox:nth-child(4) .wpr-promo-box-description h6 {
  /* color: #e24000; */
  color: #fff;
}

.NumberBox:nth-child(1) .elementor-heading-title {
  color: #faad19;
}
.NumberBox:nth-child(2) .elementor-heading-title {
  color: #0050ca;
}
.NumberBox:nth-child(3) .elementor-heading-title {
  color: #5d0093;
}
.NumberBox:nth-child(4) .elementor-heading-title {
  color: #e24000;
}

.NumberBox:nth-child(1) .wpr-promo-box-style-cover .elementor-widget-container {
  /* background-color: #e4ff1a !important; */
  /* background-color: #fff0de !important; */
  background: linear-gradient(to bottom, #ffd6a3, #ffd6a3, #f3c790) !important;
}
.NumberBox:nth-child(2) .wpr-promo-box-style-cover .elementor-widget-container {
  /* background-color: #1be7ff !important; */
  /* background-color: #d4e5ff !important; */
  background: linear-gradient(to bottom, #a4c8ff, #a4c8ff, #92b8f0) !important;
}
.NumberBox:nth-child(3) .wpr-promo-box-style-cover .elementor-widget-container {
  /* background-color: #f2f230 !important; */
  /* background-color: #efd3ff !important; */
  background: linear-gradient(to bottom, #e1acff, #e1acff, #d399f5) !important;
}
.NumberBox:nth-child(4) .wpr-promo-box-style-cover .elementor-widget-container {
  /* background-color: #e4ff1a !important; */
  /* background-color: #fff0de !important; */
  background: linear-gradient(to bottom, #ff9c74, #f8946d, #fc956c) !important;
}

.NumberBox:nth-child(1) .wpr-promo-box-description .wpr-promo-box-btn {
  /* border-color: #faad19;
  color: #faad19; */
  border-color: #fff;
  color: #fff;
}
.NumberBox:nth-child(2) .wpr-promo-box-description .wpr-promo-box-btn {
  /* border-color: #0050ca;
  color: #0050ca; */
  border-color: #fff;
  color: #fff;
}
.NumberBox:nth-child(3) .wpr-promo-box-description .wpr-promo-box-btn {
  /* border-color: #5d0093;
  color: #5d0093; */
  border-color: #fff;
  color: #fff;
}
.NumberBox:nth-child(4) .wpr-promo-box-description .wpr-promo-box-btn {
  /* border-color: #e24000;
  color: #e24000; */
  border-color: #fff;
  color: #fff;
}

.PinBox {
  position: relative;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  max-width: 270px !important;
  margin: 50px auto 0px;
  overflow: visible !important;
}
.PinBox .wpr-promo-box-icon {
  position: absolute;
  top: -26px;
  left: 0px;
}
.PinBox .wpr-promo-box {
  margin: 0;
  padding: 0;
  overflow: visible !important;
}
.PinBox .wpr-promo-box .wpr-promo-box-content {
  margin: 0;
  padding: 20px 20px 10px !important;
  min-height: 125px !important;
  overflow: visible;
}

.PinBox.left {
  transform: rotate(5deg);
}
.PinBox.right {
  transform: rotate(-5deg);
}
.PinBox.center {
  transform: translate(80px, -150px) rotate(-5deg);
}
