.plan-page-shell {
  padding: 50px 0;
  min-height: calc(100svh - 70px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}
.plan-page-shell .page-header {
  position: relative;
  margin-top: 100px;
}
.plan-page-shell .page-header img {
  width: 100%;
}
.plan-page-shell .page-header .content h1 {
  text-align: center;
  margin-bottom: 15px;
}
.plan-page-shell .page-header .content h1 span {
  color: #6b50f2;
}
.plan-page-shell .page-header .content h5 {
  text-align: center;
  margin-bottom: 12px;
}
.plan-page-shell .page-header .content p {
  text-align: center;
}

.plan-page-shell .page-header .featured {
  padding: 20px;
  background: transparent;
  backdrop-filter: blur(3px);
  background-color: rgba(122,82,252,0.025);
  border-radius: 50px;
  margin: 25px auto 0;
  max-width: 880px;
}
.plan-page-shell .page-header .featured .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}
.plan-page-shell .page-header .featured .inner .item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.plan-page-shell .page-header .featured .inner .item .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  min-height: 50px;
}
.plan-page-shell .page-header .featured .inner .item .icon img {
  width: auto;
  height: auto;
}
.plan-page-shell .page-header .featured .inner .item .right-text {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.plan-page-shell .page-header .featured .inner .item .right-text h4 {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  color: #9C69FB;
}
.plan-page-shell .page-header .featured .inner .item .right-text p {
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255);
  margin: 0;
  opacity: 0.5;
  text-align: left;
}



.plan-page-shell p {
  margin: 0;
}
.plan-page-shell .head {
  width: 100%;
  text-align: center;
}
.profile-page.plan-page .plan-page-shell .alert.alert-info {
  background: rgba(123, 97, 255, 0.15);
  border-color: rgba(123, 97, 255, 0.35);
  color: #e8e4ff;
}
.plan-page-shell .plan-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
.plan-page-shell .plan-cards .box-card-body {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.plan-page-shell .plan-cards .box-card-body .card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dashed rgba(123, 97, 255, 0.3);
  
  padding-bottom: 20px;
}
.plan-page-shell .plan-cards .box-card-body .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}
.plan-page-shell .plan-cards .box-card-body .flex h2 {
  font-size: 24px;
  color: #fff;
  margin: 0;
}
.plan-page-shell .plan-cards .box-card-body .credit {
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1;
  font-size: 15px;
}
.plan-page-shell .plan-cards .box-card-body p span {
  opacity: 0.6;
}
.plan-page-shell .plan-cards .box-card-body p strong {
  font-size: 35px;
}
.plan-page-shell .plan-cards .box-card-body h5 {
  color: rgba(123, 97, 255, 1);
  font-size: 25px;
      line-height: 35px;
  margin: 0;
}
.plan-page-shell .plan-cards .box-card-body .btn {
  width: auto;
  display: flex;
}
.profile-page.plan-page .plan-card .card-title {
  color: #c4b5fd;
}
.profile-page.plan-page .plan-card .display-6 {
  color: #f5f5ff;
}
.profile-page.plan-page .plan-card .text-secondary {
  color: #9a94b4 !important;
}
.profile-page.plan-page .plan-buy-btn:disabled {
  opacity: 0.65;
}
.profile-page.plan-page #planCheckoutMessage {
  color: #9a94b4;
}
.plan-card-sec {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 25px;
  margin-top: 55px;
  z-index: 5;
}
.plan-card-sec .card-item {
  background: linear-gradient(180deg, #060717 0, #070718 100%) padding-box, linear-gradient(45deg, rgba(145, 114, 227, 0.15), rgba(145, 114, 227, 0.5)) border-box;
  position: relative;
  width: 33%;
  padding: 20px 25px 15px;
}
.plan-card-sec .card-item .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
}
.plan-card-sec .card-item .thumb img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 15px;
}
.plan-card-sec .card-item .content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.plan-card-sec .card-item .content form {
  width: 100%;
  text-align: center;
}
.plan-card-sec .card-item .content h4 {
  font-size: 22px;
  margin-bottom: 142px;
  text-align: center;
}
.plan-card-sec .card-item .content .icon {
  width: 60px;
  height: 60px;
  object-fit: contain;
  margin: 0 auto;
}
.plan-card-sec .card-item .content h5 {
  margin: 4px 0 3px;
  text-align: center;
  font-size: 45px;
  line-height: 55px;
  font-weight: 600;
}
.plan-card-sec .card-item .content p {
  margin-bottom: 15px;
  text-align: center;
  font-size: 18px;
  line-height: 1;
}
.plan-card-sec .card-item .content ul.list {
  width: 100%;
  padding: 15px 30px 0;
  margin: 0 0 20px;
  border-top: 1px dotted #3f2372;
}
.plan-card-sec .card-item .content ul.list li {
  color: #fff;
  font-size: 16px;
  list-style: none;
  line-height: 24px;
  background-image: url(data:image/png;base64,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);
  background-position: left;
  background-size: 16px;
  background-repeat: no-repeat;
  padding-left: 27px;
  margin-bottom: 13px;
}
.plan-card-sec .card-item .content ul.list li:last-child {
  margin-bottom: 0;
}
.plan-card-sec .card-item .content ul.list li.highlight {
  color: #9C69FB;
}
.plan-card-sec .card-item .content h6 {
  margin-bottom: 22px;
  text-align: center;
  font-size: 32px;
  line-height: 1;
  font-weight: 500;
}
.plan-card-sec .card-item .content .btn {
  width: 93%;
  background: transparent;
  border: 1px solid #3f2372;
  box-shadow: none;
  color: #9C69FB;
  font-weight: 500;
  font-size: 17px;
}
.plan-card-sec .card-item.popular {
  width: 34%;
  background: linear-gradient(180deg, #060717 0, #070718 100%) padding-box, linear-gradient(45deg, rgb(80 52 252), rgb(80 52 252)) border-box;
  border: 3px solid transparent;
  padding: 35px 25px 20px;
  margin: -15px 0 -5px;
}
.plan-card-sec .card-item .content .btn {
  transition: all 0.3s ease-out;
}
.plan-card-sec .card-item.popular .content .btn {
  background: linear-gradient(90deg, #4a30fc, #b87cfb);
  color: #fff;
  width: 100%;
}
.plan-card-sec .card-item .content .btn:hover {
  background: linear-gradient(90deg, #4a30fc, #b87cfb);
  color: #fff;
}
.plan-card-sec .card-item.popular:before {
  content: '';
  position: absolute;
  top: -8px;
  left: calc(50% - 60px);
  transform: translateX(-50%);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAA2FJREFUeJztmrFvHEUUh38vsSHGGKQQGwqkYFFBKkQTkRIsE6GICon/IqZBaaioKRBGShMIUSKljlCUNHQIEAkFCjYSIBMjrAjsi3ECQsmhj+L2xMW53X0ze7d7R+brrJ037/eeZ97uvRkpkUgkEolE4gHFmnIMzEp6IfvzGzPbbEpLrQCPAaeBNv/RBj4CZprWN1SAKeAr8vkS2Ne0zqEBnCgIvsvbTescGsA1RwK+rVNTrUUQ+FPSIyXD/jKz6Tr0SNKeuhxl3HSMaQ1dRQ91J+CyY8yloatoCmAe2CnY/zvAwaZ1DpXsVZfHlbr13FcEgWlJb0p6MXt+VdJ5M7td1RlwTNKFkmHHzOzTAfgKjwM4DPza5z+zAbxUUdAk8L3jNfgD8FBFX+FxAAeBVoGwbWC+gqi3HMF3WargJy4O4KRD2KlIUfuBzYAEtIADkb7i4gB+dhhuRIr6MCD4LsuRvuLiAP5wGP4dIegQcDciAXeBQxH+guLo/RBac8z/U6ggSe9Jmoiwm8hsQwmKozcB5xyGW8CjXiXAa5IWveP7sJjN4fX3sKQbjqFn+xnvo/gjpcsvwBsOMZPAasTS380qMOnwd5TOK7SMK8BU3iQzwMfc263J4zPguQJBS3Hx9uV4gZ+ngTOOOdp0OlGPlyVTwCydFlUZd4D32bUtCH/tlXHfa5HOCjsO3HLYfwLMlQa+y8FCgMB7tgWwHBqhgw965n8ZWAmwfTUvztyGCPCEpNBO7QVJX0h6V3GVv4i2pHckHZb0eqDtk2b2W78HhR0hYE3SM4HORo11M8v9iV3WELk6YDFNUBhDSkAV4zGhsMlSVgP2q1MIGztCGwBzZvZ73sPCFWBmLUnXBy6pPtaLgpd8XeFx3galPcb/ewJKtT/wCSgtbpFfhKNCYQGUHCvAzLY0noXwelnwkv9obBy3gUtzSsAgJxsxXJpdX3h0mhGl+2nEKC2AknMFZDe41itLqg9XAZTC7geM0zZwa00JCJi09rP7CrgT4P6ZmxXCG5L2xiiqkX8kPeW9eepeAdmE43B/52LItdugRgedw8rPJZUfLjTDtqQjZrbiNQi6JWZm30l6RaNZD76WtBASvBTZ6gL2SHpW0vOSKl1nGQB3JK1I+tHMaFhLIpFIJBKJMeJfsGio2b8mEbkAAAAASUVORK5CYII=);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  z-index: 12;
}
.plan-card-sec .card-item.popular:after {
  content: 'MOST POPULAR';
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.5px;
  background: linear-gradient(90deg, #4a30fc, #b87cfb);
  min-width: 165px;
  height: 30px;
  border-radius: 40px;
  text-align: center;
  padding: 9px 0 10px 16px;
  z-index: 11;
}

@media (max-width: 992px) {
  .plan-page-shell {
    padding: 125px 0 20px;
    min-height: auto;
  }
  .plan-page-shell .plan-cards {
    grid-template-columns: 1fr;
  }
  .plan-page-shell .plan-cards .box-card-body h5 {
    font-size: 20px;
  }
  .plan-page-shell .page-header {
    margin-top: 0;
  }
  .plan-page-shell .page-header .content {
    max-width: 100%;
  }
  .plan-card-sec {
    justify-content: center;
    flex-wrap: wrap;
  }
  .plan-card-sec .card-item {
    width: 45%;
  }
  .plan-page-shell .page-header .featured .inner {
    justify-content: center;
  }
  .plan-card-sec .card-item.popular {
    width: 48%;
  }
}

@media (max-width: 600px) {
  .plan-page-shell {
    padding: 35vw 0 20px;
    background-position: 100% 70px;
  }
  .plan-card-sec {
    padding: 0 15px;
    gap: 40px;
  }
  .plan-card-sec .card-item, .plan-card-sec .card-item.popular {
    width: 100%;
  }
  .plan-page-shell .page-header .content {
    position: relative;
    width: 100%;
    padding: 0 15px;
    top: auto;
    left: auto;
    transform: none;
  }
  .plan-page-shell .page-header .featured {
    width: 80%;
    margin: 30px auto 0;
  }
  .plan-page-shell .page-header .featured .inner {
      justify-content: start;
  }
  .plan-card-sec .card-item.popular {
    margin: 0;
  }
  .plan-card-sec .card-item .content ul.list {
    padding: 15px 15px 0;
  }
  .plan-card-sec .card-item .content ul.list li {
    margin-bottom: 8px;
  }
  .plan-card-sec .card-item .content .btn {
    width: 100%;
  }
  .plan-card-sec {
    margin-top: 35px;
  }
}
@media (max-width: 600px) {
  .plan-page-shell {
    padding: 45vw 0 20px;
  }
}