.elementor-2895 .elementor-element.elementor-element-362eb5c{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2895 .elementor-element.elementor-element-362eb5c.pxl-sticky-inner-container{position:sticky;top:30px;bottom:unset;}.elementor-2895 .elementor-element.elementor-element-362eb5c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2895 .elementor-element.elementor-element-0e4e2a4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2895 .elementor-element.elementor-element-0e4e2a4.pxl-sticky-inner-container{position:sticky;top:30px;bottom:unset;}.elementor-2895 .elementor-element.elementor-element-dbefff9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2895 .elementor-element.elementor-element-dbefff9.pxl-sticky-inner-container{position:sticky;top:30px;bottom:unset;}.elementor-2895 .elementor-element.elementor-element-507a0a0 .pxl-pricing__price-period{font-size:14px;text-decoration:line-through;}.elementor-2895 .elementor-element.elementor-element-7a3b092{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2895 .elementor-element.elementor-element-7a3b092.pxl-sticky-inner-container{position:sticky;top:30px;bottom:unset;}.elementor-2895 .elementor-element.elementor-element-07d47f9 .pxl-pricing__price-period{font-size:14px;}.elementor-2895 .elementor-element.elementor-element-b64eb5c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2895 .elementor-element.elementor-element-b64eb5c.pxl-sticky-inner-container{position:sticky;top:30px;bottom:unset;}.elementor-2895 .elementor-element.elementor-element-5d716bf .pxl-pricing__price-detail{color:#000000;}.elementor-2895 .elementor-element.elementor-element-5d716bf .pxl-pricing__price-period{font-size:14px;}.elementor-2895 .elementor-element.elementor-element-5d716bf .pxl-pricing__option:hover, .elementor-2895 .elementor-element.elementor-element-5d716bf .pxl-pricing__option:hover svg path{color:#1C4E80;}@media(max-width:1366px){.elementor-2895 .elementor-element.elementor-element-0e4e2a4{--justify-content:center;}}@media(max-width:1024px){.elementor-2895 .elementor-element.elementor-element-0e4e2a4{--padding-top:0px;--padding-bottom:0px;--padding-left:3px;--padding-right:3px;}}@media(max-width:767px){.elementor-2895 .elementor-element.elementor-element-0e4e2a4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:575px){.elementor-2895 .elementor-element.elementor-element-362eb5c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:576px){.elementor-2895 .elementor-element.elementor-element-362eb5c{--width:100%;}.elementor-2895 .elementor-element.elementor-element-dbefff9{--width:400px;}.elementor-2895 .elementor-element.elementor-element-7a3b092{--width:400px;}.elementor-2895 .elementor-element.elementor-element-b64eb5c{--width:400px;}}@media(max-width:1024px) and (min-width:576px){.elementor-2895 .elementor-element.elementor-element-dbefff9{--width:45%;}.elementor-2895 .elementor-element.elementor-element-7a3b092{--width:45%;}.elementor-2895 .elementor-element.elementor-element-b64eb5c{--width:45%;}}@media(max-width:767px) and (min-width:576px){.elementor-2895 .elementor-element.elementor-element-dbefff9{--width:480px;}.elementor-2895 .elementor-element.elementor-element-7a3b092{--width:480px;}.elementor-2895 .elementor-element.elementor-element-b64eb5c{--width:480px;}}/* Start custom CSS for pxl_pricing, class: .elementor-element-507a0a0 *//* Main price container */
.elementor-element[data-id="507a0a0"] .pxl-pricing__price {
  position: relative;
  padding-bottom: 5px;
  overflow: visible;
}

.elementor-element[data-id="507a0a0"] .pxl-pricing__style-4 .pxl-pricing__top .pxl-pricing__desc {
    margin: 40px 0 7px;
}

/* ⬜ White box - Annually $31.2 (positioned left) */
.elementor-element[data-id="507a0a0"] .pxl-pricing__price::before {
  content: "Annually ";
  position: absolute;
  left: 0;
  height: 30px;
  top: 100%;
  margin-top: 5px;
  z-index: 2;

  background-color: #ffffff;
  color: #111827;
  padding: 8px 12px;
  border-radius: 6px;

  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;

  box-shadow: 0 0 0 1px #E5E7EB;
}

/* 🟩 Green box - Save $7.8 (positioned right with gap) */
.elementor-element[data-id="507a0a0"] .pxl-pricing__price::after {
  content: "Save ";
  position: absolute;
  left:41%;
  top: 100%;
  height: 30px;
  margin-top: 5px;
  z-index: 3;

  background-color: #DCFCE7;
  color: #166534;
  padding: 8px 12px;
  border-radius: 6px;
  align-items: ;: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  margin-bottom: 10px;
}

/* Remove strikethrough from /month text */
.elementor-element[data-id="507a0a0"] .pxl-pricing__price-period {
  text-decoration: none !important;
}

/* Keep strikethrough only on the ::before pseudo-element (the $100) */
.pxl-pricing__style-4 .pxl-pricing__price-period::before {
  text-decoration: line-through;
}

/* پایه */
.elementor-element[data-id="507a0a0"] .pxl-pricing__price-period{
  position: relative;
  display: inline-block;
}

/* قیمت بالای /month – دقیق و نزدیک */
.elementor-element[data-id="507a0a0"] .pxl-pricing__price-period::before{
  content: "";
  position: absolute;
  left: 0;
  top: -14px;

  font-size: 14px;
  font-weight: 500;
  color: #1C4E80;

  text-decoration: line-through;
  white-space: nowrap;

  transition: color 0.2s ease;
}

/* قیمت اصلی (حالت عادی) */
.elementor-element[data-id="507a0a0"] .pxl-pricing__price-detail,
.elementor-element[data-id="507a0a0"] .pxl-pricing__price-detail span{
  transition: color 0.2s ease;
}/* End custom CSS */
/* Start custom CSS for pxl_pricing, class: .elementor-element-07d47f9 *//* ========== PRO PLAN (07d47f9) ========== */

/* Scrollable features list */
.elementor-element-07d47f9 .pxl-pricing__bottom .pxl-pricing__fea {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
}

.elementor-element-07d47f9 .pxl-pricing__fea-item {
  margin: 8px 0;
  line-height: 1.55;
}

/* Scrollbar styling */
.elementor-element-07d47f9 .pxl-pricing__fea::-webkit-scrollbar {
  width: 6px;
}

.elementor-element-07d47f9 .pxl-pricing__fea::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.25);
  border-radius: 999px;
}

.elementor-element-07d47f9 .pxl-pricing__fea::-webkit-scrollbar-track {
  background: transparent;
}

/* Main price container - Pro Plan */
.elementor-element[data-id="07d47f9"] .pxl-pricing__price {
  position: relative;
  padding-bottom: 5px;
  overflow: visible;
}

/* ⬜ White box - Annually price (positioned left) */
.elementor-element[data-id="07d47f9"] .pxl-pricing__price::before {
  content: "Annually ";
  position: absolute;
  left: 0;
  height: 30px;
  top: 100%;
  margin-top: 5px;
  z-index: 2;

  background-color: #ffffff;
  color: #111827;
  padding: 8px 12px;
  border-radius: 6px;

  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;

  box-shadow: 0 0 0 1px #E5E7EB;
}

/* 🟩 Green box - Save amount (positioned right with gap) */
.elementor-element[data-id="07d47f9"] .pxl-pricing__price::after {
  content: "Save ";
  position: absolute;
  left: 41%;
  top: 100%;
  height: 30px;
  margin-top: 5px;
  z-index: 3;

  background-color: #DCFCE7;
  color: #166534;
  padding: 8px 12px;
  border-radius: 6px;

  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  margin-bottom: 10px;
}

/* Remove strikethrough from /month text */
.elementor-element[data-id="07d47f9"] .pxl-pricing__price-period {
  text-decoration: none !important;
}

/* Add spacing for description */
.elementor-element[data-id="07d47f9"] .pxl-pricing__top .pxl-pricing__desc {
    margin-top: 40px;    
}

/* Hover effects for Pro Plan */
.elementor-element[data-id="07d47f9"] .pxl-pricing__price-detail,
.elementor-element[data-id="07d47f9"] .pxl-pricing__price-detail span {
  transition: color 0.2s ease;
}

.elementor-element[data-id="07d47f9"] .pxl-pricing:hover .pxl-pricing__price-detail,
.elementor-element[data-id="07d47f9"] .pxl-pricing:hover .pxl-pricing__price-detail span {
  color: #ffffff !important;
}

.elementor-element[data-id="07d47f9"] .pxl-pricing__price-period {
  transition: color 0.2s ease;
}

.elementor-element[data-id="07d47f9"] .pxl-pricing:hover .pxl-pricing__price-period {
  color: #ffffff;
}

.elementor-element[data-id="07d47f9"] .pxl-pricing__price-period::before {
  transition: color 0.2s ease;
}

.elementor-element[data-id="07d47f9"] .pxl-pricing:hover .pxl-pricing__price-period::before {
  color: #ffffff;
}

/* پایه */
.elementor-element[data-id="07d47f9"]
.pxl-pricing__price-period{
  position: relative;
  display: inline-block;
}

/* قیمت بالای /month – دقیق و نزدیک */
.elementor-element[data-id="07d47f9"]
.pxl-pricing__price-period::before{
  content: "";
  position: absolute;
  left: 0;
  top: -14px;          /* 👈 دقیقاً نزدیک، نه زیاد بالا */

  font-size: 14px;
  font-weight: 500;
  color: #1C4E80;

  text-decoration: line-through;
  white-space: nowrap;
}


/* قیمت اصلی (حالت عادی) */
.pxl-pricing__style-4 .pxl-pricing__price-detail,
.pxl-pricing__style-4 .pxl-pricing__price-detail span{
  transition: color 0.2s ease;
}

/* ✅ هاور روی کل باکس پلن → قیمت سفید */
.pxl-pricing__style-4:hover .pxl-pricing__price-detail,
.pxl-pricing__style-4:hover .pxl-pricing__price-detail span{
  color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for pxl_pricing, class: .elementor-element-5d716bf *//* ========== BUSINESS PLAN (5d716bf) ========== */

/* Scrollable features list */
.elementor-element-5d716bf .pxl-pricing__bottom .pxl-pricing__fea {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
}

.elementor-element-5d716bf .pxl-pricing__fea-item {
  margin: 8px 0;
  line-height: 1.55;
}

/* Scrollbar styling */
.elementor-element-5d716bf .pxl-pricing__fea::-webkit-scrollbar {
  width: 6px;
}

.elementor-element-5d716bf .pxl-pricing__fea::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.25);
  border-radius: 999px;
}

.elementor-element-5d716bf .pxl-pricing__fea::-webkit-scrollbar-track {
  background: transparent;
}

/* Main price container - Business Plan */
.elementor-element[data-id="5d716bf"] .pxl-pricing__price {
  position: relative;
  padding-bottom: 5px;
  overflow: visible;
}

/* ⬜ White box - Annually price (positioned left) */
.elementor-element[data-id="5d716bf"] .pxl-pricing__price::before {
  content: "Annually ";
  position: absolute;
  left: 0;
  height: 30px;
  top: 100%;
  margin-top: 5px;
  z-index: 2;

  background-color: #ffffff;
  color: #111827;
  padding: 8px 12px;
  border-radius: 6px;

  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;

  box-shadow: 0 0 0 1px #E5E7EB;
}

/* 🟩 Green box - Save amount (positioned right with gap) */
.elementor-element[data-id="5d716bf"] .pxl-pricing__price::after {
  content: "Save ";
  position: absolute;
  left: 44%;
  top: 100%;
  height: 30px;
  margin-top: 5px;
  z-index: 3;

  background-color: #DCFCE7;
  color: #166534;
  padding: 8px 12px;
  border-radius: 6px;

  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  margin-bottom: 10px;
}

/* Remove strikethrough from /month text */
.elementor-element[data-id="5d716bf"] .pxl-pricing__price-period {
  text-decoration: none !important;
}

/* Add spacing for description */
.elementor-element[data-id="5d716bf"] .pxl-pricing__top .pxl-pricing__desc {
    margin-top: 40px;    
}

/* Hover effects for Business Plan */
.elementor-element[data-id="5d716bf"] .pxl-pricing__price-detail,
.elementor-element[data-id="5d716bf"] .pxl-pricing__price-detail span {
  transition: color 0.2s ease;
}

.elementor-element[data-id="5d716bf"] .pxl-pricing:hover .pxl-pricing__price-detail,
.elementor-element[data-id="5d716bf"] .pxl-pricing:hover .pxl-pricing__price-detail span {
  color: #ffffff !important;
}

.elementor-element[data-id="5d716bf"] .pxl-pricing__price-period {
  transition: color 0.2s ease;
}

.elementor-element[data-id="5d716bf"] .pxl-pricing:hover .pxl-pricing__price-period {
  color: #ffffff;
}

.elementor-element[data-id="5d716bf"] .pxl-pricing__price-period::before {
  transition: color 0.2s ease;
}

.elementor-element[data-id="5d716bf"] .pxl-pricing:hover .pxl-pricing__price-period::before {
  color: #ffffff;
}

/* پایه */
.elementor-element[data-id="5d716bf"] .pxl-pricing__price-period{
  position: relative;
  display: inline-block;
}

/* قیمت بالای /month – دقیق و نزدیک */
.elementor-element[data-id="5d716bf"] .pxl-pricing__price-period::before{
  content: "";  /* فعلاً ثابت */
  position: absolute;
  left: 0;
  top: -14px;

  font-size: 14px;
  font-weight: 500;
  color: #1C4E80;

  text-decoration: line-through;
  white-space: nowrap;

  transition: color 0.2s ease;
}

/* قیمت اصلی (حالت عادی) */
.elementor-element[data-id="5d716bf"] .pxl-pricing__price-detail,
.elementor-element[data-id="5d716bf"] .pxl-pricing__price-detail span{
  transition: color 0.2s ease;
}

/* ✅ هاور روی کل باکس پلن → قیمت سفید */
.elementor-element[data-id="5d716bf"] .pxl-pricing:hover .pxl-pricing__price-detail,
.elementor-element[data-id="5d716bf"] .pxl-pricing:hover .pxl-pricing__price-detail span{
  color: #ffffff !important;
}

/* ✅ هاور روی کل باکس پلن → قیمت خط‌خورده هم سفید */
.elementor-element[data-id="5d716bf"] .pxl-pricing:hover .pxl-pricing__price-period::before{
  color: #ffffff !important;
}



.pxl-pricing {
    transition: all 0.3s ease;
}

.pxl-pricing:hover {
    transform: translateY(-8px);
    box-shadow:
        0 10px 25px rgba(28, 78, 128, 0.4),
        0 0 40px rgba(28, 78, 128, 0.6);
}/* End custom CSS */