.elementor-953 .elementor-element.elementor-element-fa39a5c{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-953 .elementor-element.elementor-element-caed05e{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-953 .elementor-element.elementor-element-9dde19a{--e-transform-translateX:-5px;}.elementor-953 .elementor-element.elementor-element-9dde19a img{border-radius:13px 13px 13px 13px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-953 .elementor-element.elementor-element-7040b64{width:var( --container-widget-width, 65% );max-width:65%;--e-transform-translateX:5px;--e-transform-translateY:3px;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;}.elementor-953 .elementor-element.elementor-element-7040b64.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-953 .elementor-element.elementor-element-7040b64 .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;font-size:20px;font-weight:600;}.elementor-953 .elementor-element.elementor-element-23ea72a{--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;}.elementor-953 .elementor-element.elementor-element-600fdc4{--e-transform-translateX:-5px;}.elementor-953 .elementor-element.elementor-element-600fdc4 img{border-radius:13px 13px 13px 13px;}.elementor-953 .elementor-element.elementor-element-e389883{width:var( --container-widget-width, 65% );max-width:65%;--e-transform-translateX:5px;--e-transform-translateY:3px;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;}.elementor-953 .elementor-element.elementor-element-e389883.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-953 .elementor-element.elementor-element-e389883 .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;font-size:20px;font-weight:600;}.elementor-953 .elementor-element.elementor-element-0db62be{--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;}.elementor-953 .elementor-element.elementor-element-6ac6f97{--e-transform-translateX:-5px;}.elementor-953 .elementor-element.elementor-element-6ac6f97 img{border-radius:13px 13px 13px 13px;}.elementor-953 .elementor-element.elementor-element-4bd07ba{width:var( --container-widget-width, 65% );max-width:65%;--e-transform-translateX:5px;--e-transform-translateY:3px;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;}.elementor-953 .elementor-element.elementor-element-4bd07ba.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-953 .elementor-element.elementor-element-4bd07ba .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;font-size:20px;font-weight:600;}.elementor-953 .elementor-element.elementor-element-d0ddd3c{--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;}.elementor-953 .elementor-element.elementor-element-a4acd6c{--e-transform-translateX:-5px;}.elementor-953 .elementor-element.elementor-element-a4acd6c img{border-radius:13px 13px 13px 13px;}.elementor-953 .elementor-element.elementor-element-ebf2d61{width:var( --container-widget-width, 65% );max-width:65%;--e-transform-translateX:5px;--e-transform-translateY:3px;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;}.elementor-953 .elementor-element.elementor-element-ebf2d61.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-953 .elementor-element.elementor-element-ebf2d61 .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;font-size:20px;font-weight:600;}.elementor-953 .elementor-element.elementor-element-e610601{--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;}.elementor-953 .elementor-element.elementor-element-ad5377c{--e-transform-translateX:-5px;}.elementor-953 .elementor-element.elementor-element-ad5377c img{border-radius:13px 13px 13px 13px;}.elementor-953 .elementor-element.elementor-element-502849b{width:var( --container-widget-width, 65% );max-width:65%;--e-transform-translateX:5px;--e-transform-translateY:3px;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;}.elementor-953 .elementor-element.elementor-element-502849b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-953 .elementor-element.elementor-element-502849b .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;font-size:20px;font-weight:600;}@media(max-width:767px){.elementor-953 .elementor-element.elementor-element-fa39a5c{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 05px;--row-gap:20px;--column-gap:05px;--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-953 .elementor-element.elementor-element-caed05e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-953 .elementor-element.elementor-element-9dde19a{--e-transform-translateY:-19px;}.elementor-953 .elementor-element.elementor-element-9dde19a img{width:100%;height:50px;}.elementor-953 .elementor-element.elementor-element-7040b64{--e-transform-translateY:-16px;}.elementor-953 .elementor-element.elementor-element-23ea72a{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-953 .elementor-element.elementor-element-600fdc4{--e-transform-translateY:-19px;}.elementor-953 .elementor-element.elementor-element-600fdc4 img{width:100%;height:50px;}.elementor-953 .elementor-element.elementor-element-e389883{--e-transform-translateY:-16px;}.elementor-953 .elementor-element.elementor-element-0db62be{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-953 .elementor-element.elementor-element-6ac6f97{--e-transform-translateY:-19px;}.elementor-953 .elementor-element.elementor-element-6ac6f97 img{width:100%;height:50px;}.elementor-953 .elementor-element.elementor-element-4bd07ba{--e-transform-translateY:-16px;}.elementor-953 .elementor-element.elementor-element-d0ddd3c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-953 .elementor-element.elementor-element-a4acd6c{--e-transform-translateY:-19px;}.elementor-953 .elementor-element.elementor-element-a4acd6c img{width:100%;height:50px;}.elementor-953 .elementor-element.elementor-element-ebf2d61{--e-transform-translateY:-16px;}.elementor-953 .elementor-element.elementor-element-e610601{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-953 .elementor-element.elementor-element-ad5377c{--e-transform-translateY:-19px;}.elementor-953 .elementor-element.elementor-element-ad5377c img{width:100%;height:50px;}.elementor-953 .elementor-element.elementor-element-502849b{--e-transform-translateY:-16px;}}/* Start custom CSS for container, class: .elementor-element-caed05e *//* ===============================================
   کارت فیروزه‌ای (Turquoise)
   =============================================== */
.card-turquoise {
    --card-gradient: linear-gradient(160deg, #7AE0F2 0%, #4FDCF2 28%, #1CBEDD 65%, #0C93B0 100%);
    --card-shadow: 
        inset 0 1px 0 rgba(255,255,255,.35),
        inset 0 -10px 20px rgba(0,90,110,.18),
        0 18px 45px rgba(30,210,235,.32),
        0 8px 18px rgba(0,0,0,.08);
    --card-shadow-hover: 
        inset 0 1px 0 rgba(255,255,255,.45),
        inset 0 -12px 24px rgba(0,90,110,.22),
        0 30px 60px rgba(30,210,235,.4),
        0 12px 24px rgba(0,0,0,.12);
    --card-glow: rgba(30, 210, 235, .55);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23ea72a *//* ===========================
   BLACK / مشکی (Cards)
=========================== */
.card-black{

    /* رنگ و گرادیانت اختصاصی */
    --card-gradient:
        linear-gradient(
            160deg,
            #3A3A3D 0%,
            #232326 30%,
            #131315 65%,
            #050506 100%
        );

    /* سایه عادی */
    --card-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        inset 0 -10px 20px rgba(0,0,0,.5),
        0 18px 45px rgba(0,0,0,.4),
        0 8px 18px rgba(0,0,0,.25);

    /* سایه هاور دسکتاپ */
    --card-shadow-hover:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -12px 24px rgba(0,0,0,.55),
        0 30px 60px rgba(0,0,0,.5),
        0 12px 24px rgba(0,0,0,.3);

    /* رنگ Glow */
    --card-glow: rgba(0,0,0,.55);
}

/* ===========================
   Light Reflection
=========================== */
.card-black::before{
    left:-15%;
    top:-28%;
    width:150%;
    height:65%;
    background:
        radial-gradient(
            ellipse at center,
            rgba(255,255,255,.18) 0%,
            rgba(255,255,255,.06) 28%,
            rgba(255,255,255,0) 75%
        );
}

/* ===========================
   Hover Desktop
=========================== */
.card-black:hover{
    filter:saturate(1.03) brightness(1.05);
}

/* ===========================
   Tablet
=========================== */
@media (max-width:1024px){
    .card-black{
        padding:20px;
    }

    .card-black:hover{
        --card-shadow-hover:
            inset 0 1px 0 rgba(255,255,255,.15),
            inset 0 -10px 18px rgba(0,0,0,.45),
            0 18px 35px rgba(0,0,0,.35),
            0 8px 18px rgba(0,0,0,.2);

        filter:saturate(1.02) brightness(1.03);
    }
}

/* ===========================
   Mobile
=========================== */
@media (max-width:767px){
    .card-black{
        padding:20px 20px 0 20px;
    }

    .card-black:hover{
        --card-shadow-hover:
            inset 0 1px 0 rgba(255,255,255,.15),
            inset 0 -10px 18px rgba(0,0,0,.45),
            0 18px 35px rgba(0,0,0,.35),
            0 8px 18px rgba(0,0,0,.2);

        filter:saturate(1.02) brightness(1.03);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0db62be *//* ===============================================
   کارت صورتی (Pink)
   =============================================== */
.card-pink {
    --card-gradient: linear-gradient(160deg, #F59CA8 0%, #FF8FA3 28%, #FA6E82 65%, #E9505F 100%);
    --card-shadow: 
        inset 0 1px 0 rgba(255,255,255,.35),
        inset 0 -10px 20px rgba(150,20,40,.15),
        0 18px 45px rgba(255,110,130,.32),
        0 8px 18px rgba(0,0,0,.08);
    --card-shadow-hover: 
        inset 0 1px 0 rgba(255,255,255,.45),
        inset 0 -12px 24px rgba(150,20,40,.2),
        0 30px 60px rgba(255,110,130,.4),
        0 12px 24px rgba(0,0,0,.12);
    --card-glow: rgba(255, 110, 130, .55);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0ddd3c *//* کارت آبی */
.card-blue {
    --card-gradient: linear-gradient(160deg, #4A7AE8 0%, #3D6BF0 30%, #2A50DD 65%, #1734A8 100%);
    --card-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -10px 20px rgba(10,20,90,.25), 0 18px 45px rgba(45,90,255,.35), 0 8px 18px rgba(0,0,0,.12);
    --card-shadow-hover: inset 0 1px 0 rgba(255,255,255,.45), inset 0 -12px 24px rgba(10,20,90,.3), 0 30px 60px rgba(45,90,255,.42), 0 12px 24px rgba(0,0,0,.16);
    --card-glow: rgba(45, 90, 255, .55);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e610601 *//* ==================================================
   کلاس پایه‌ی مشترک برای تمام کارت‌ها
================================================== */
.card {
    /* اندازه و ظاهر */
    width: 100%;
    max-width: 245px;
    height: 60px;
    min-height: 60px;
    padding: 28px;
    position: relative;
    overflow: visible;
    border-radius: 30px;

    /* گرادیانت و سایه – با متغیر */
    background: var(--card-gradient);
    box-shadow: var(--card-shadow);

    /* افکت‌های 3D و انتقال */
    transform-style: preserve-3d;
    perspective: 1000px;
    transition:
        transform .45s cubic-bezier(.2, .8, .2, 1),
        box-shadow .45s ease,
        filter .45s ease;
}

/* ==================================================
   بازتاب نور (هایلایت) – برای همه یکسان
================================================== */
.card::before {
    content: "";
    position: absolute;
    left: -10%;
    top: -20%;
    width: 130%;
    height: 50%;
    border-radius: 50%;
    background: radial-gradient(
        ellipse at center,
        rgba(255, 255, 255, .22) 0%,
        rgba(255, 255, 255, .07) 28%,
        rgba(255, 255, 255, 0) 75%
    );
    transform: rotate(-8deg);
    pointer-events: none;
}

/* ==================================================
   درخشش پایین کارت (Ground Glow) – با متغیر برای رنگ
================================================== */
.card::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -28px;
    transform: translateX(-50%);
    width: 82%;
    height: 42px;
    border-radius: 50%;
    background: radial-gradient(
        ellipse,
        var(--card-glow),
        rgba(0, 0, 0, 0)
    );
    filter: blur(26px);
    opacity: .9;
    z-index: -1;
    transition: .45s ease;
}

/* ==================================================
   هاور (hover) فقط برای دسکتاپ (عرض ≥ 1025px)
   - بزرگ‌نمایی به اندازه‌ی اولیه (1.02)
================================================== */
@media (min-width: 1025px) {
    .card:hover {
        transform:
            perspective(1000px)
            rotateX(3deg)
            rotateY(-3deg)
            translateY(-4px)
            scale(1.02);
        box-shadow: var(--card-shadow-hover);
        filter: saturate(1.06) brightness(1.02);
    }

    .card:hover::after {
        width: 92%;
        height: 50px;
        opacity: 1;
        filter: blur(32px);
    }
}

/* ==================================================
   ریسپانسیو (تبلت) – بدون هاور
================================================== */
@media (max-width: 1024px) {
    .card {
        max-width: 170px;
        height: 190px;
        min-height: 190px;
        padding: 15px;
        border-radius: 26px;
    }
    /* هاور حذف شد */
}

/* ==================================================
   ریسپانسیو (موبایل) – بدون هاور
================================================== */
@media (max-width: 767px) {
    .card {
        max-width: 220px;
        height: 60px;
        min-height: 60px;
        padding: 24px 24px 0px 24px;
        border-radius: 30px;
    }
    /* هاور حذف شد */
}
/* ==================================================
   تعیین متغیرها برای هر کارت به‌طور جداگانه
================================================== */

/* کارت طلایی */
.card-gold {
    --card-gradient: linear-gradient(160deg, #F5C542 0%, #FABF35 28%, #F2A117 72%, #DD8300 100%);
    --card-shadow: inset 0 1px 0 rgba(255,255,255,.45), inset 0 -10px 20px rgba(180,90,0,.12), 0 18px 45px rgba(255,175,30,.28), 0 8px 18px rgba(0,0,0,.08);
    --card-shadow-hover: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -12px 24px rgba(180,90,0,.16), 0 30px 60px rgba(255,170,0,.35), 0 12px 24px rgba(0,0,0,.12);
    --card-glow: rgba(255, 180, 0, .55);
}/* End custom CSS */