.elementor-32138 .elementor-element.elementor-element-19a9d0d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(min-width:769px){.elementor-32138 .elementor-element.elementor-element-19a9d0d{--content-width:1400px;}}/* Start custom CSS for container, class: .elementor-element-19a9d0d */.elementor-32138 .elementor-element.elementor-element-19a9d0d .plan-box {
  background: #1f1e36;
  border-radius: 1.5rem;
  padding: 2rem;
  width: 100%;
  max-width: 320px;
  height: 500px;
  position: relative;
  overflow: hidden;
  direction: rtl;
  font-family: sans-serif;
  color: #fff;
  text-align: right;
  z-index: 1;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform-style: preserve-3d;
  will-change: transform;
}

.elementor-32138 .elementor-element.elementor-element-19a9d0d .plan-box:hover {
  transform: perspective(1000px) rotateX(4deg) rotateY(-4deg);
  box-shadow: 0 25px 40px rgba(0, 0, 0, 0.25);
}

.elementor-32138 .elementor-element.elementor-element-19a9d0d .plan-box::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px; /* ضخامت قاب گرادیانی */
  border-radius: 1.5rem;
  background: linear-gradient(135deg, #655a9a, #816bb0);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}

.elementor-32138 .elementor-element.elementor-element-19a9d0d .plan-box h3 {
  margin-bottom: 1rem;
  font-size: 24px;
  color: #fff;
}

.elementor-32138 .elementor-element.elementor-element-19a9d0d .plan-box ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.elementor-32138 .elementor-element.elementor-element-19a9d0d .plan-box ul li {
  margin-bottom: 0.5rem;
  padding-right: 1.2rem;
  position: relative;
  font-size: 12px;
}

.elementor-32138 .elementor-element.elementor-element-19a9d0d .plan-box ul li::before {
  content: "✔";
  color: #816bb0;
  position: absolute;
  right: 0;
}

.elementor-32138 .elementor-element.elementor-element-19a9d0d .hover-info {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  background: linear-gradient(135deg, #816bb0, #655a9a);
  padding: 1rem;
  border-radius: 0 0 1rem 1rem;
  transition: all 0.4s ease;
  text-align: center;
}

.elementor-32138 .elementor-element.elementor-element-19a9d0d .plan-box:hover .hover-info {
  bottom: 0;
}

.elementor-32138 .elementor-element.elementor-element-19a9d0d .order-btn {
  background-color: white;
  color: #1f1e36;
  padding: 0.5rem 1.2rem;
  border-radius: 10px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  transition: 0.3s ease;
}

.elementor-32138 .elementor-element.elementor-element-19a9d0d .order-btn:hover {
  background-color: #f0f0f0;
}

@media (max-width: 768px) {
 .elementor-32138 .elementor-element.elementor-element-19a9d0d  .hover-info {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 2rem); /* کمی فاصله از دو طرف */
    background: linear-gradient(135deg, #655a9a, #816bb0);
    border-radius: 1rem;
    padding: 1rem;
    text-align: center;
  }
 .elementor-32138 .elementor-element.elementor-element-19a9d0d .plan-box h3{
    font-size: 18PX;
 }

 .elementor-32138 .elementor-element.elementor-element-19a9d0d .plan-box ul li{
    font-size: 10PX;
 }

 .elementor-32138 .elementor-element.elementor-element-19a9d0d  .order-btn {
    display: inline-block;
    margin: 0 auto;
    font-size: 16px;
    border-radius: 10px !important;
    background-color: rgba(0, 0, 0, 0);
    color: white !important;
    height: 100% !important;
    width: 100% !important;
  }

  .elementor-32138 .elementor-element.elementor-element-19a9d0d .order-btn:hover {
    background-color: rgba(0, 0, 0, 0);
  }
  }
.elementor-32138 .elementor-element.elementor-element-19a9d0d .plan-box {
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.about-titr {
    font-weight: 700;
    color: #816bb0 !important;
    font-size: 16px;
}/* End custom CSS */