.elementor-10077 .elementor-element.elementor-element-858cadf{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10077 .elementor-element.elementor-element-5d3aacc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10077 .elementor-element.elementor-element-7268497{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10077 .elementor-element.elementor-element-bc6b2f7{--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;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10077 .elementor-element.elementor-element-7be8516{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10077 .elementor-element.elementor-element-92b5216{width:100%;max-width:100%;}.elementor-10077 .elementor-element.elementor-element-67049ba{--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:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10077 .elementor-element.elementor-element-dd60eae{width:100%;max-width:100%;}.elementor-10077 .elementor-element.elementor-element-3c550a9{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS */html,body{
    overflow-x: hidden;
    max-width: 100vw;
}
.table-logo{
    width: 100px;
    transform: translateY(3px);
}
.app-ads-hero-container::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.2%, #000000 93.82%);
    z-index: -1;
}

.app-ads-hero-image-loop {
    transform: rotate(-2deg);
}

.app-ads-hero-image-loop .ame-marquee__item {
    overflow: visible;
}

.app-ads-infinite-brand::before {
    content: '' !important;
    display: inline-block;
    width: 20%;;
    height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    background-image: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 51.92%, #000000 100%);
}

.app-ads-infinite-brand::before {
    content: '';
    display: inline-block;
    width: 20%;;
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    background-image: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 51.92%, #000000 100%);
}

.app-ads-infinite-brand-container .app-ads-infinite-brand-item {
    
}

.app-ads-portfolio-similar-image-main img {
    max-height: 340px;
    box-shadow:
      0.75px 0.87px 1.4px 0px rgba(0, 0, 0, 0.04),
      3.28px 3.83px 2.9px 0px rgba(0, 0, 0, 0.06),
      8.05px 9.39px 5.79px 0px rgba(0, 0, 0, 0.08),
      15.51px 18.09px 11.34px 0px rgba(0, 0, 0, 0.10),
      26.1px 30.45px 20.85px 0px rgba(0, 0, 0, 0.12),
      40.26px 46.97px 35.61px 0px rgba(0, 0, 0, 0.16);
}

#app-ads-counter-people .elementor-counter-number-suffix {
    color: #F2702B;
}

#app-ads-counter-years .elementor-counter-number-suffix {
    color: #30E0A1;
}

#app-ads-counter-apps .elementor-counter-number-suffix {
    color: #B04DE9;
}

#app-ads-counter-user .elementor-counter-number-suffix {
        color: #F9D73A;
}

/* اندازه و استایل تیک‌ها */
.tick-icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    object-fit: contain;
}

/* ضربدر */
.x-icon {
    color: #ffffff;
    opacity: 0.75;
    font-size: 20px;
}


.pricing-table {
    font-family: 'Kalameh', sans-serif;
    background: #0f0f0f;
    padding: 20px;
    border-radius: 20px;
    overflow-x: auto;
}

/* جدول با فاصله بین سلول‌ها */
.pricing-table table {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 12px 12px; /* فاصله بین سلول‌ها */
    color: #fff;
    text-align: center; /* افقی وسط */
}

/* همه سلول‌ها */
.pricing-table th,
.pricing-table td {
    padding: 16px 12px;
    background: #151515;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    vertical-align: middle; /* عمودی وسط */
    transition: 0.25s ease;
}

/* هدر */
.pricing-table thead th {
    color: #4DE3E9;
    font-size: 16px;
    font-weight: 700;
    background: #141a1a;
    border: 1px solid rgba(77, 227, 233, 0.4);
}

/* ستون اول */
.pricing-table td:first-child {
    font-weight: 600;
    color: #4DE3E9;
    background: #131718;
}

/* افکت هاور */
.pricing-table td:hover {
    background: #1b1b1b;
    transform: translateY(-2px);
}

/* تیک‌ها سبز */
.pricing-table td.check {
    color: #00ff87 !important;
    font-size: 20px;
}

/* ضربدرها سفید نیمه‌شفاف */
.pricing-table td.x-icon {
    color: #ffffff;
    opacity: 0.7;
}

/* خط‌خورده */
.price-row td{
    position: relative;
}

.price-row s{
    position: absolute;
    left: 0;
    top: 0;
    background: var(--e-global-color-primary);
    opacity: 1;
    padding: 2px 8px;
    border-radius: 8px;
    transform: translate(-25%,-25%) rotate(-20deg);
    color: #000;
}

.main-header::before{
    content: url("https://next.dimaino.co/wp-content/uploads/2025/12/header-pattern-before.png");
}
.main-header::after{
    content: url("https://next.dimaino.co/wp-content/uploads/2025/12/header-pattern-after.png");
    position: absolute;
    left: 0;
}
.counte-icon-box-1{
    filter: drop-shadow(0 0 10px #AE4CE6);
}
.counte-icon-box-2{
    filter: drop-shadow(0 0 10px #F9D73A);
}
.counte-icon-box-3{
    filter: drop-shadow(0 0 10px #2FDA9E);
}
.counte-icon-box-4{
    filter: drop-shadow(0 0 10px #F2702B);
}
.counter-container::before{
    content: url("https://next.dimaino.co/wp-content/uploads/2025/12/counter-img-before.png");
}
.counter-container::after{
    content: url("https://next.dimaino.co/wp-content/uploads/2025/12/counter-img-after.png");
    position: absolute;
    left: 0;
}
.counter-container .e-con-inner::before{
    content: url("https://next.dimaino.co/wp-content/uploads/2025/12/counte-pattern-before-new.png");
    position: absolute;
    right: 0;
    top: 0;
}
.counter-container .e-con-inner::after{
    content: url("https://next.dimaino.co/wp-content/uploads/2025/12/counte-pattern-after-new.png");
    position: absolute;
    left: 0;
    top: 0;
}
.counselation-container::before{
    content: url("https://next.dimaino.co/wp-content/uploads/2025/12/counter-img-before.png");
    position: absolute;
    top: -18%;
}
.counselation-container::after{
    content: url("https://next.dimaino.co/wp-content/uploads/2025/12/counter-img-after.png");
    position: absolute;
    bottom: -10%;
    left: 0;
}
.counselation-container .e-con-inner::before{
    content: url("https://next.dimaino.co/wp-content/uploads/2025/12/counte-pattern-before-new.png");
    position: absolute;
    right: 0;
    bottom: -40%;
}
.counselation-container .e-con-inner::after{
    content: url("https://next.dimaino.co/wp-content/uploads/2025/12/counte-pattern-after-new.png");
    position: absolute;
    left: 0;
    top: -40%;
}
.footer-container::before{
    content: "";
    position: absolute;
    top: 100%;
    width: 100vw;
    height: 270px;
    background-image: url("https://next.dimaino.co/wp-content/uploads/2025/12/footer-3d-pattern.png");
    background-position: center;
    background-repeat: no-repeat;
    transform: translateY(-100%);
    background-size: cover;
}

/* ریسپانسیو برای موبایل */
@media (max-width: 768px) {

   .pricing-table table {
        border-spacing: 14px 12px !important; /* قبلاً 6px بود */
    }

    /* افزایش عرض هر ستون */
    .pricing-table th,
    .pricing-table td {
        min-width: 120px; /* قبلاً صفر بود، حالا ستون‌ها بازتر می‌شن */
        padding: 14px 10px; 
    }

    /* ستون اول کمی بیشتر */
    .pricing-table td:first-child {
        min-width: 150px;
    }

    /* افزایش اندازه فونت برای گرفتن فضا بیشتر */
    .pricing-table td,
    .pricing-table th {
        font-size: 14px;
    }

    /* لوگو بزرگ‌تر */
    .pricing-table .table-logo {
        width: 75px;
    }

    /* تیک‌ها */
    .tick-icon {
        width: 22px;
        height: 22px;
    }

    /* جلوگیری از فشرده شدن جدول و فعال شدن اسکرول افقی */
    .pricing-table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .counter-container::before{
    right: -40%;
    top: -10%;
}
.counter-container::after{
    left: -40%;
    bottom: -3%;
}

}/* End custom CSS */