.elementor-7 .elementor-element.elementor-element-f1764d5 > .elementor-background-overlay{background-color:#F42020;opacity:0.76;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7 .elementor-element.elementor-element-f1764d5 > .elementor-container{min-height:441px;}.elementor-7 .elementor-element.elementor-element-f1764d5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-c9b2a0d .swiper-slide{transition-duration:calc(5000ms*1.2);height:368px;}.elementor-7 .elementor-element.elementor-element-c9b2a0d .elementor-slide-button{background-color:#FF0000;font-family:"dana", Sans-serif;font-weight:500;border-radius:10px;color:#FFFFFF;border-color:#02010100;transition-duration:100ms;}.elementor-7 .elementor-element.elementor-element-c9b2a0d .elementor-slide-button:hover{background-color:#FF0000;}.elementor-7 .elementor-element.elementor-element-c9b2a0d .swiper-slide-contents{max-width:66%;}.elementor-7 .elementor-element.elementor-element-c9b2a0d .swiper-slide-inner{text-align:center;}.elementor-7 .elementor-element.elementor-element-c9b2a0d .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:17px;}.elementor-7 .elementor-element.elementor-element-c9b2a0d .elementor-slide-heading{font-family:"dana", Sans-serif;font-size:50px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-c9b2a0d .elementor-slide-description{font-family:"dana", Sans-serif;font-size:22px;font-weight:700;}.elementor-7 .elementor-element.elementor-element-668b4c7 > .elementor-widget-container{margin:-90px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-ba78dff{--spacer-size:85px;}.elementor-7 .elementor-element.elementor-element-d2fbaeb > .elementor-background-overlay{background-color:#F42020;opacity:0.76;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7 .elementor-element.elementor-element-d2fbaeb > .elementor-container{min-height:441px;}.elementor-7 .elementor-element.elementor-element-d2fbaeb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7 .elementor-element.elementor-element-f0cb42f .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-7 .elementor-element.elementor-element-f0cb42f .elementor-slide-button{background-color:#FF0000;font-family:"dana", Sans-serif;font-weight:500;border-radius:10px;color:#FFFFFF;border-color:#02010100;transition-duration:100ms;}.elementor-7 .elementor-element.elementor-element-f0cb42f .elementor-slide-button:hover{background-color:#FF0000;}.elementor-7 .elementor-element.elementor-element-f0cb42f .swiper-slide-contents{max-width:66%;}.elementor-7 .elementor-element.elementor-element-f0cb42f .swiper-slide-inner{text-align:center;}.elementor-7 .elementor-element.elementor-element-f0cb42f .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:28px;}.elementor-7 .elementor-element.elementor-element-f0cb42f .elementor-slide-heading{font-family:"dana", Sans-serif;font-size:50px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-f0cb42f .elementor-slide-description{font-family:"dana", Sans-serif;font-size:22px;font-weight:700;}.elementor-7 .elementor-element.elementor-element-c2a894d > .elementor-widget-container{margin:-222px -690px 0px 0px;}.elementor-7 .elementor-element.elementor-element-dfa4c48 > .elementor-container{max-width:1246px;}.elementor-7 .elementor-element.elementor-element-dfa4c48{margin-top:-46px;margin-bottom:0px;}.elementor-7 .elementor-element.elementor-element-8240240 > .elementor-widget-container{margin:-58px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-e3f0a31 > .elementor-background-overlay{background-color:#FFFFFF;opacity:0.36;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7 .elementor-element.elementor-element-e3f0a31 > .elementor-container{max-width:1120px;min-height:686px;}.elementor-7 .elementor-element.elementor-element-e3f0a31{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:50px;margin-bottom:0px;z-index:999;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-7 .elementor-element.elementor-element-836591f{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#000000;}.elementor-7 .elementor-element.elementor-element-836591f .elementor-headline{text-align:center;font-family:"dana", Sans-serif;font-size:28px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-836591f .elementor-headline-plain-text{color:#000000;}.elementor-7 .elementor-element.elementor-element-836591f .elementor-headline-dynamic-text{font-family:"dana", Sans-serif;font-weight:600;}.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-7 .elementor-element.elementor-element-5b50108{text-align:center;}.elementor-7 .elementor-element.elementor-element-5b50108 .elementor-heading-title{font-family:"dana", Sans-serif;font-size:18px;font-weight:600;color:#0A0A0ABD;}.elementor-7 .elementor-element.elementor-element-1f32e3f{margin-top:100px;margin-bottom:0px;z-index:1;}.elementor-7 .elementor-element.elementor-element-637d71b{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#000000;}.elementor-7 .elementor-element.elementor-element-637d71b .elementor-headline{text-align:center;font-family:"dana", Sans-serif;font-size:28px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-637d71b .elementor-headline-plain-text{color:#000000;}.elementor-7 .elementor-element.elementor-element-637d71b .elementor-headline-dynamic-text{font-family:"dana", Sans-serif;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-dda79c3{text-align:center;font-family:"dana", Sans-serif;font-size:18px;font-weight:800;}.elementor-7 .elementor-element.elementor-element-d9e57b3 > .elementor-widget-container{margin:-60px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-17bbe43:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-17bbe43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-17bbe43{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:50px;margin-bottom:0px;}.elementor-7 .elementor-element.elementor-element-17bbe43 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7 .elementor-element.elementor-element-c80b43a{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#000000;}.elementor-7 .elementor-element.elementor-element-c80b43a .elementor-headline{text-align:center;font-family:"dana", Sans-serif;font-size:28px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-c80b43a .elementor-headline-plain-text{color:#000000;}.elementor-7 .elementor-element.elementor-element-c80b43a .elementor-headline-dynamic-text{font-family:"dana", Sans-serif;font-weight:600;}.elementor-7 .elementor-element.elementor-element-5bf7405:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-5bf7405 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #447FC1FC 0%, var( --e-global-color-accent ) 100%);}.elementor-7 .elementor-element.elementor-element-5bf7405 > .elementor-container{min-height:577px;}.elementor-7 .elementor-element.elementor-element-5bf7405{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-7 .elementor-element.elementor-element-5bf7405 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7 .elementor-element.elementor-element-df62b0b{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#000000;}.elementor-7 .elementor-element.elementor-element-df62b0b .elementor-headline{text-align:center;font-family:"dana", Sans-serif;font-size:28px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-df62b0b .elementor-headline-plain-text{color:#000000;}.elementor-7 .elementor-element.elementor-element-df62b0b .elementor-headline-dynamic-text{font-family:"dana", Sans-serif;font-weight:600;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{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-7 .elementor-element.elementor-element-68cd5e0 .elementor-accordion-item{border-width:0px;}.elementor-7 .elementor-element.elementor-element-68cd5e0 .elementor-accordion-item .elementor-tab-content{border-width:0px;}.elementor-7 .elementor-element.elementor-element-68cd5e0 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;}.elementor-7 .elementor-element.elementor-element-68cd5e0 .elementor-accordion-icon, .elementor-7 .elementor-element.elementor-element-68cd5e0 .elementor-accordion-title{color:#F47920;}.elementor-7 .elementor-element.elementor-element-68cd5e0 .elementor-accordion-icon svg{fill:#F47920;}.elementor-7 .elementor-element.elementor-element-68cd5e0 .elementor-active .elementor-accordion-icon, .elementor-7 .elementor-element.elementor-element-68cd5e0 .elementor-active .elementor-accordion-title{color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-68cd5e0 .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-68cd5e0 .elementor-accordion-title{font-family:"dana", Sans-serif;font-size:18px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-68cd5e0 .elementor-tab-title .elementor-accordion-icon i:before{color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-68cd5e0 .elementor-tab-title .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-68cd5e0 .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-68cd5e0 .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-68cd5e0 .elementor-tab-content{font-family:"dana", Sans-serif;font-size:15px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-4a808a6 > .elementor-widget-container{margin:-8px 14px 0px 0px;}.elementor-7 .elementor-element.elementor-element-4a808a6 .elementor-heading-title{font-family:"dana", Sans-serif;font-size:17px;font-weight:600;color:#FB1F1F;}.elementor-7 .elementor-element.elementor-element-3f5b916{margin-top:50px;margin-bottom:0px;}.elementor-7 .elementor-element.elementor-element-1b2c8fb{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#000000;}.elementor-7 .elementor-element.elementor-element-1b2c8fb .elementor-headline{text-align:center;font-family:"dana", Sans-serif;font-size:28px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-1b2c8fb .elementor-headline-plain-text{color:#000000;}.elementor-7 .elementor-element.elementor-element-1b2c8fb .elementor-headline-dynamic-text{font-family:"dana", Sans-serif;font-weight:600;}.elementor-7 .elementor-element.elementor-element-e19990a{text-align:right;font-family:"dana", Sans-serif;font-weight:400;line-height:8px;color:#080808;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-3c5084e{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-7 .elementor-element.elementor-element-3c5084e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-7 .elementor-element.elementor-element-3c5084e:after{content:"0.66";}.elementor-7 .elementor-element.elementor-element-3c5084e .elementor-post__thumbnail__link{width:100%;}.elementor-7 .elementor-element.elementor-element-3c5084e.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-7 .elementor-element.elementor-element-3c5084e.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-7 .elementor-element.elementor-element-3c5084e.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-7 .elementor-element.elementor-element-3c5084e .elementor-post__title, .elementor-7 .elementor-element.elementor-element-3c5084e .elementor-post__title a{color:#1B1B1B;font-family:"dana", Sans-serif;font-size:13px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-3c5084e .elementor-post__title{margin-bottom:7px;}.elementor-7 .elementor-element.elementor-element-3c5084e .elementor-post__read-more{color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-3c5084e .elementor-post__text{margin-bottom:5px;}.elementor-7 .elementor-element.elementor-element-17025fd{--spacer-size:100px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-a491fb9{width:43.897%;}.elementor-7 .elementor-element.elementor-element-1e65b74{width:55.435%;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-f1764d5 > .elementor-container{min-height:373px;}.elementor-7 .elementor-element.elementor-element-c9b2a0d .swiper-slide-contents{max-width:100%;}.elementor-7 .elementor-element.elementor-element-c9b2a0d .elementor-slide-heading{font-size:23px;}.elementor-7 .elementor-element.elementor-element-c9b2a0d .elementor-slide-description{font-size:15px;line-height:2.4em;}.elementor-7 .elementor-element.elementor-element-668b4c7 > .elementor-widget-container{margin:-99px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-7 .elementor-element.elementor-element-d2fbaeb > .elementor-container{min-height:449px;}.elementor-7 .elementor-element.elementor-element-d2fbaeb{margin-top:0px;margin-bottom:0px;}.elementor-7 .elementor-element.elementor-element-f0cb42f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-f0cb42f .swiper-slide{height:189px;}.elementor-7 .elementor-element.elementor-element-f0cb42f .swiper-slide-contents{max-width:100%;}.elementor-7 .elementor-element.elementor-element-f0cb42f .elementor-slide-heading{font-size:24px;}.elementor-7 .elementor-element.elementor-element-f0cb42f .elementor-slide-description{font-size:15px;line-height:2.4em;}.elementor-7 .elementor-element.elementor-element-c2a894d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-7 .elementor-element.elementor-element-dfa4c48{margin-top:3px;margin-bottom:0px;}.elementor-7 .elementor-element.elementor-element-8240240 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-5b50108 .elementor-heading-title{line-height:1.4em;}.elementor-7 .elementor-element.elementor-element-1f32e3f{margin-top:-20px;margin-bottom:0px;}.elementor-7 .elementor-element.elementor-element-c80b43a .elementor-headline{line-height:1.5em;}.elementor-7 .elementor-element.elementor-element-4be9011 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-68cd5e0 .elementor-accordion-title{font-size:15px;line-height:1.5em;}.elementor-7 .elementor-element.elementor-element-68cd5e0 .elementor-tab-content{font-size:13px;line-height:1.5em;}.elementor-7 .elementor-element.elementor-element-e19990a{line-height:1.8em;}.elementor-7 .elementor-element.elementor-element-3c5084e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-7 .elementor-element.elementor-element-3c5084e:after{content:"0.5";}.elementor-7 .elementor-element.elementor-element-3c5084e .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for slides, class: .elementor-element-c9b2a0d *//* --- 1. تنظیم انتقال و حالت اولیه (کوچک، تار و نیمه‌شفاف) --- */
.elementor-7 .elementor-element.elementor-element-c9b2a0d .swiper-slide {
    /* نرمی انتقال را روی 0.8 ثانیه با ease-out تنظیم می‌کند */
    transition: transform 0.8s ease-out, opacity 0.8s ease-out, filter 0.8s ease-out !important;
    
    /* حالت اولیه: کمی کوچکتر */
    transform: scale(0.95); 
    
    /* حالت اولیه: کمی تار */
    filter: blur(3px); 
    
    /* حالت اولیه: نیمه‌شفاف */
    opacity: 0.7; 
    
    z-index: 1;
}

/* --- 2. حالت اسلاید فعال (بزرگ، واضح و شفاف کامل) --- */
.elementor-7 .elementor-element.elementor-element-c9b2a0d .swiper-slide-active {
    /* بزرگنمایی به اندازه اصلی (100%) */
    transform: scale(1); 
    
    /* حذف تاری */
    filter: blur(0px); 
    
    /* شفافیت کامل */
    opacity: 1; 
    
    z-index: 10;
}

/* --- 3. جلوگیری از تعامل ناخواسته --- */
/* (اسلاید غیرفعال نباید کلیک پذیر باشد) */
.elementor-7 .elementor-element.elementor-element-c9b2a0d .swiper-slide:not(.swiper-slide-active) {
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-f0cb42f *//* --- 1. تنظیم انتقال و حالت اولیه (کوچک، تار و نیمه‌شفاف) --- */
.elementor-7 .elementor-element.elementor-element-f0cb42f .swiper-slide {
    /* نرمی انتقال را روی 0.8 ثانیه با ease-out تنظیم می‌کند */
    transition: transform 0.8s ease-out, opacity 0.8s ease-out, filter 0.8s ease-out !important;
    
    /* حالت اولیه: کمی کوچکتر */
    transform: scale(0.95); 
    
    /* حالت اولیه: کمی تار */
    filter: blur(3px); 
    
    /* حالت اولیه: نیمه‌شفاف */
    opacity: 0.7; 
    
    z-index: 1;
}

/* --- 2. حالت اسلاید فعال (بزرگ، واضح و شفاف کامل) --- */
.elementor-7 .elementor-element.elementor-element-f0cb42f .swiper-slide-active {
    /* بزرگنمایی به اندازه اصلی (100%) */
    transform: scale(1); 
    
    /* حذف تاری */
    filter: blur(0px); 
    
    /* شفافیت کامل */
    opacity: 1; 
    
    z-index: 10;
}

/* --- 3. جلوگیری از تعامل ناخواسته --- */
/* (اسلاید غیرفعال نباید کلیک پذیر باشد) */
.elementor-7 .elementor-element.elementor-element-f0cb42f .swiper-slide:not(.swiper-slide-active) {
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8240240 *//* ======================================= */
/* ====== 1. استایل پایه کارت‌ها ====== */
/* ======================================= */

.elegant-card-container {
    display: flex; flex-wrap: wrap; gap: 30px; direction: rtl; padding: 20px 0;
}

.elegant-card {
    flex: 1 1 300px; background: #ffffff; border-radius: 15px; padding: 30px;
    position: relative; overflow: hidden; /* مهم: برای برش دایره و حباب متحرک */
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); 
}
.elegant-card:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); 
}

.card-title { z-index: 4; position: relative; } 

/* ======================================= */
/* ====== 2. استایل برش 1/4 دایره و عدد ====== */
/* ======================================= */

.card-number {
    position: absolute; top: 0; right: 0; width: 70px; height: 70px;
    border-bottom-left-radius: 100%; /* ایجاد برش */
    display: flex; align-items: center; justify-content: center;
    color: #ffffff; font-size: 1.5rem; font-weight: bold;
    z-index: 2; transition: all 0.3s ease;
}
.elegant-card:hover .card-number { 
    transform: scale(1.1); /* افکت کوچک روی برش هنگام هاور */
}

/* ======================================= */
/* ====== 3. استایل توپ متحرک با ماوس (Mouse Bubble) ====== */
/* ======================================= */

.mouse-bubble {
    position: absolute; width: 100px; height: 100px; border-radius: 50%;
    pointer-events: none; /* مهم: برای کلیک روی المنت‌های زیرین */
    opacity: 0; z-index: 1; 
    transition: opacity 0.5s ease-out;
    filter: blur(50px); /* افکت نرم و درخشان */
    transform: translate(-50%, -50%); /* مرکز توپ روی نقطه ماوس باشد */
}
.elegant-card:hover .mouse-bubble { 
    opacity: 0.6; 
}

/* ======================================= */
/* ====== 4. اعمال رنگ‌ها (برش 1/4 دایره و توپ متحرک) ====== */
/* ======================================= */

/* --- کارت ۱: سبز --- */
.card-1 .card-number, .card-1 .mouse-bubble { background-color: #71bf45; } 

/* --- کارت ۲: نارنجی --- */
.card-2 .card-number, .card-2 .mouse-bubble { background-color: #f5821f; } 

/* --- کارت ۳: آبی --- */
.card-3 .card-number, .card-3 .mouse-bubble { background-color: #427fc0; }
<style>
/* ======================================= */
/* ====== 1. استایل پایه کارت‌ها ====== */
/* ======================================= */

.elegant-card-container {
    display: flex; flex-wrap: wrap; gap: 30px; direction: rtl; padding: 20px 0;
}

.elegant-card {
    flex: 1 1 300px; background: #ffffff; border-radius: 15px; 
    /* 💥 تغییر ۱: افزایش پدینگ برای فضای بیشتر */
    padding: 45px; 
    position: relative; overflow: hidden; 
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); 
}
.elegant-card:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); 
}

/* 💥 استایل عنوان (Card Title) - از درخواست قبلی */
.card-title { 
    z-index: 4; 
    position: relative; 
    font-size: 22px;
    font-weight: 700;
    color: #333;
    /* 💥 تغییر ۲: تنظیم فاصله از بالا برای جلوگیری از تداخل با ربع دایره */
    margin-top: 10px; 
    margin-bottom: 20px;
} 

/* ======================================= */
/* ====== 2. استایل برش 1/4 دایره و عدد ====== */
/* ======================================= */

.card-number {
    /* موقعیت این المان ثابت می‌ماند */
    position: absolute; top: 0; right: 0; width: 70px; height: 70px;
    border-bottom-left-radius: 100%; 
    display: flex; align-items: center; justify-content: center;
    color: #ffffff; font-size: 1.5rem; font-weight: bold;
    z-index: 2; transition: all 0.3s ease;
}
.elegant-card:hover .card-number { 
    transform: scale(1.1); 
}

/* ======================================= */
/* ====== 3. استایل توپ متحرک با ماوس (Mouse Bubble) ====== */
/* ======================================= */

.mouse-bubble {
    position: absolute; width: 100px; height: 100px; border-radius: 50%;
    pointer-events: none; 
    opacity: 0; z-index: 1; 
    transition: opacity 0.5s ease-out;
    filter: blur(50px); 
    transform: translate(-50%, -50%); 
}
.elegant-card:hover .mouse-bubble { 
    opacity: 0.6; 
}

/* ======================================= */
/* ====== 4. اعمال رنگ‌ها (برش 1/4 دایره و توپ متحرک) ====== */
/* ======================================= */

/* --- کارت ۱: سبز --- */
.card-1 .card-number, .card-1 .mouse-bubble { background-color: #71bf45; } 

/* --- کارت ۲: نارنجی --- */
.card-2 .card-number, .card-2 .mouse-bubble { background-color: #f5821f; } 

/* --- کارت ۳: آبی --- */
.card-3 .card-number, .card-3 .mouse-bubble { background-color: #427fc0; }
</style>/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-dfa4c48 *//* --- 1. تعریف انیمیشن ورودی Soft Slide In --- */
@keyframes softSlideIn {
    0% {
        opacity: 0;
        /* حرکت از پایین و چرخش ملایم در محور X */
        transform: translateY(50px) rotateX(5deg);
        filter: blur(5px);
    }
    100% {
        opacity: 1;
        transform: translateY(0) rotateX(0);
        filter: blur(0);
    }
}
/* --- 2. اعمال استایل‌ها به سکشن (کلاس سفارشی) --- */

/* استفاده از سکشن به عنوان سِلکتور قوی‌تر */
.elementor-section.soft-slide-in-section {
    
    /* تنظیمات اولیه برای اطمینان از نامرئی بودن قبل از انیمیشن */
    opacity: 0;
    
    /* ⚠️ از "transform-style: preserve-3d" برای اطمینان از رندر صحیح چرخش استفاده می‌کنیم */
    transform-style: preserve-3d;
    
    /* اعمال انیمیشن */
    animation: softSlideIn 1.5s ease-out forwards;
    animation-delay: 0.5s; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2abef3e *//* ======================================= */
/* ====== 1. چیدمان گالری (حالت سه ستونی ثابت) ====== */
/* ======================================= */

.mock-test-cards-container.custom-grid {
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-between; 
    gap: 20px; /* کاهش Gap برای جایگیری 3 کارت */
    direction: rtl;  
    padding: 30px 0;
    position: relative;
    z-index: 10;
    
    overflow-x: visible !important; 
}

/* --- 2. استایل پایه کارت‌ها و تعیین اندازه ستون (سه ستون) --- */
.test-card {
    /* ⭐ تنظیم عرض: سه کارت در یک ردیف با فاصله 20px */
    flex: 0 0 calc(33.333% - 13.333px); /* 33.333% عرض کانتینر منهای کسری از فاصله (20px/3) */
    max-width: calc(33.333% - 13.333px);
    
    height: 250px; 
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    
    transition: transform 0.4s ease-out, box-shadow 0.4s ease-out;
}

.test-card:hover {
    transform: translateY(-5px); 
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); 
}

/* --- 3. پوشش (Overlay) و افکت Hover (حفظ شده) --- */
.card-overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px;
    display: flex; flex-direction: column; justify-content: flex-end; color: #ffffff;
    
    /* گرادینت قرمز تیره */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(231, 76, 60, 0.85) 100%); 
    transition: background 0.4s ease;
}

.test-card:hover .card-overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(231, 76, 60, 0.95) 100%);
}

/* --- 4. استایل متن و دکمه (حفظ شده) --- */
.test-title {
    font-size: 1.4rem; font-weight: bold; margin-bottom: 5px;
    color: #000000 !important; 
}

.test-button {
    background-color: #ffffff;
    color: #e74c3c; 
    padding: 8px 15px; border-radius: 5px; text-decoration: none; font-weight: bold;
    align-self: flex-start; transition: all 0.3s;
}

.test-button:hover {
    background-color: #e74c3c; 
    color: #ffffff;
    transform: scale(1.05);
}


/* ======================================= */
/* ====== 5. تصاویر پس زمینه (URLs نهایی شما) ====== */
/* ======================================= */

.test-card.card-full { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/close-up-young-man-working-smart-phone-laptop-min-1-scaled.jpg'); }
.test-card.card-single-writing { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/close-up-woman-doing-her-work-min-1-scaled.jpg'); }
.test-card.card-single-speaking { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/virtual-classroom-study-space-min-scaled.jpg'); }
.test-card.card-online { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/medium-shot-woman-wearing-headphones-min-scaled.jpg'); }
.test-card.card-write-it-right { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/top-view-adult-correcting-grammar-mistakes-min-1.jpg'); }
.test-card.card-speaking-plus { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/thoughtful-girl-standing-with-notebook-min-scaled.jpg'); }


/* --- 6. تنظیمات ریسپانسیو (برای نمایش درست در تبلت و موبایل) --- */
@media (max-width: 1024px) {
    /* در تبلت، دو ستونه نمایش داده شوند */
    .test-card {
        flex: 0 0 calc(50% - 10px); 
        max-width: calc(50% - 10px);
        height: 220px; 
    }
}

@media (max-width: 767px) {
    /* در موبایل، یک ستونه نمایش داده شوند */
    .test-card {
        flex: 1 1 100%; 
        max-width: 100%;
        height: 200px; 
    }
}
/* ======================================= */
/* ====== 1. چیدمان گالری (حالت سه ستونی ثابت) ====== */
/* ======================================= */

.mock-test-cards-container.custom-grid {
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-between; 
    gap: 15px; /* کاهش Gap به 15px برای فشرده‌تر شدن شبیه عکس */
    direction: rtl;  
    padding: 30px 0;
    position: relative;
    z-index: 10;
    overflow-x: visible !important; 
}

/* --- 2. استایل پایه کارت‌ها و تعیین اندازه ستون (سه ستون) --- */
.test-card {
    /* ⭐ عرض: سه کارت در یک ردیف */
    /* calc(33.333% - 10px) = تقسیم فضای 15px Gap بین سه آیتم */
    flex: 0 0 calc(33.333% - 10px); 
    max-width: calc(33.333% - 10px);
    
    /* ⭐ ارتفاع: 220px برای شبیه شدن به گالری عکس‌های کوچک */
    height: 220px; 
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); /* کاهش سایه */
    
    transition: transform 0.4s ease-out, box-shadow 0.4s ease-out;
}

.test-card:hover {
    transform: translateY(-5px); 
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); 
}

/* --- 3. پوشش (Overlay) و افکت Hover (حفظ شده) --- */
.card-overlay {
    /* ... (سایر استایل‌ها حفظ می‌شوند) ... */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(231, 76, 60, 0.85) 100%); 
}
/* ... (بقیه استایل‌های Overlay و دکمه حفظ می‌شوند) ... */


/* ======================================= */
/* ====== 4. تصاویر پس زمینه (URLs نهایی شما) ====== */
/* ======================================= */

/* (این بخش بدون تغییر حفظ می‌شود) */
.test-card.card-full { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/close-up-young-man-working-smart-phone-laptop-min-1-scaled.jpg'); }
.test-card.card-single-writing { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/close-up-woman-doing-her-work-min-1-scaled.jpg'); }
.test-card.card-single-speaking { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/virtual-classroom-study-space-min-scaled.jpg'); }
.test-card.card-online { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/medium-shot-woman-wearing-headphones-min-scaled.jpg'); }
.test-card.card-write-it-right { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/top-view-adult-correcting-grammar-mistakes-min-1.jpg'); }
.test-card.card-speaking-plus { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/thoughtful-girl-standing-with-notebook-min-scaled.jpg'); }


/* --- 5. تنظیمات ریسپانسیو (برای نمایش درست در تبلت و موبایل) --- */
@media (max-width: 1024px) {
    /* تبلت: دو ستونی */
    .test-card {
        flex: 0 0 calc(50% - 7.5px); /* 50% با فاصله 15px */
        max-width: calc(50% - 7.5px);
        height: 180px; /* کاهش ارتفاع در تبلت */
    }
}

@media (max-width: 767px) {
    /* موبایل: یک ستونی */
    .test-card {
        flex: 1 1 100%; 
        max-width: 100%;
        height: 160px; /* کاهش ارتفاع در موبایل */
    }
}
/* ======================================= */
/* ====== 1. چیدمان گالری (حالت سه ستونی ثابت) ====== */
/* ======================================= */

.mock-test-cards-container.custom-grid {
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-between; 
    gap: 15px; /* کاهش Gap به 15px برای فشرده‌تر شدن شبیه عکس */
    direction: rtl;  
    padding: 30px 0;
    position: relative;
    z-index: 10;
    overflow-x: visible !important; 
}

/* --- 2. استایل پایه کارت‌ها و تعیین اندازه ستون (سه ستون) --- */
.test-card {
    /* ⭐ عرض: سه کارت در یک ردیف */
    /* calc(33.333% - 10px) = تقسیم فضای 15px Gap بین سه آیتم */
    flex: 0 0 calc(33.333% - 10px); 
    max-width: calc(33.333% - 10px);
    
    /* ⭐ ارتفاع: 220px برای شبیه شدن به گالری عکس‌های کوچک */
    height: 220px; 
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); /* کاهش سایه */
    
    transition: transform 0.4s ease-out, box-shadow 0.4s ease-out;
}

.test-card:hover {
    transform: translateY(-5px); 
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); 
}

/* --- 3. پوشش (Overlay) و افکت Hover (حفظ شده) --- */
.card-overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px;
    display: flex; flex-direction: column; justify-content: flex-end; color: #ffffff;
    
    /* گرادینت قرمز تیره */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(231, 76, 60, 0.85) 100%); 
    transition: background 0.4s ease;
}

.test-card:hover .card-overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(231, 76, 60, 0.95) 100%);
}

/* --- 4. استایل متن و دکمه (حفظ شده) --- */
.test-title {
    font-size: 1.4rem; font-weight: bold; margin-bottom: 5px;
    color: #000000 !important; 
}

.test-button {
    background-color: #ffffff;
    color: #e74c3c; 
    padding: 8px 15px; border-radius: 5px; text-decoration: none; font-weight: bold;
    align-self: flex-start; transition: all 0.3s;
}

.test-button:hover {
    background-color: #e74c3c; 
    color: #ffffff;
    transform: scale(1.05);
}


/* ======================================= */
/* ====== 5. تصاویر پس زمینه (URLs نهایی شما - با جابجایی) ====== */
/* ======================================= */

.test-card.card-full { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/close-up-young-man-working-smart-phone-laptop-min-1-scaled.jpg'); }
/* 👇 تصویر قبلی ماک آنلاین به اینجا آمد */
.test-card.card-single-writing { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/medium-shot-woman-wearing-headphones-min-scaled.jpg'); } 
.test-card.card-single-speaking { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/virtual-classroom-study-space-min-scaled.jpg'); }
/* 👇 تصویر قبلی رایتینگ تک مهارتی به اینجا آمد */
.test-card.card-online { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/close-up-woman-doing-her-work-min-1-scaled.jpg'); } 
.test-card.card-write-it-right { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/top-view-adult-correcting-grammar-mistakes-min-1.jpg'); }
.test-card.card-speaking-plus { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/thoughtful-girl-standing-with-notebook-min-scaled.jpg'); }


/* --- 6. تنظیمات ریسپانسیو (برای نمایش درست در تبلت و موبایل) --- */
@media (max-width: 1024px) {
    /* تبلت: دو ستونی */
    .test-card {
        flex: 0 0 calc(50% - 7.5px); /* 50% با فاصله 15px */
        max-width: calc(50% - 7.5px);
        height: 180px; /* کاهش ارتفاع در تبلت */
    }
}

@media (max-width: 767px) {
    /* موبایل: یک ستونی */
    .test-card {
        flex: 1 1 100%; 
        max-width: 100%;
        height: 160px; /* کاهش ارتفاع در موبایل */
    }
}
/* ======================================= */
/* ====== 1. چیدمان گالری و استایل پایه ====== */
/* ======================================= */

.mock-test-cards-container.custom-grid {
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-between; 
    gap: 15px;
    direction: rtl;  
    padding: 30px 0;
    position: relative;
    z-index: 10;
    overflow-x: visible !important; 
}

.test-card {
    height: 220px; 
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); 
    transition: transform 0.4s ease-out, box-shadow 0.4s ease-out;
}

.test-card:hover {
    transform: translateY(-5px); 
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); 
}

/* --- 2. تنظیمات عرض (Grid Layout) --- */

/* 🟢 کارت‌های 50% (دو ستونی): Full Mock و Online Mock */
.test-card.card-full, 
.test-card.card-online {
    /* 50% - تقسیم فضای 15px Gap (دو کارت در هر ردیف) */
    flex: 0 0 calc(50% - 7.5px); 
    max-width: calc(50% - 7.5px);
}

/* 🟢 کارت‌های 25% (چهار ستونی): تک مهارتی‌ها */
.test-card.card-single-writing,
.test-card.card-single-speaking,
.test-card.card-write-it-right,
.test-card.card-speaking-plus {
    /* 25% - تقسیم فضای 15px Gap (چهار کارت در هر ردیف) */
    /* محاسبه دقیق: (100% - 3*15px)/4 = 25% - 11.25px */
    flex: 0 0 calc(25% - 11.25px); 
    max-width: calc(25% - 11.25px);
}


/* --- 3. پوشش (Overlay) و افکت Hover (حفظ شده) --- */
.card-overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px;
    display: flex; flex-direction: column; justify-content: flex-end; color: #ffffff;
    
    /* گرادینت قرمز تیره */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(231, 76, 60, 0.85) 100%); 
    transition: background 0.4s ease;
}

.test-card:hover .card-overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(231, 76, 60, 0.95) 100%);
}

/* --- 4. استایل متن و دکمه (حفظ شده) --- */
.test-title {
    font-size: 1.4rem; font-weight: bold; margin-bottom: 5px;
    color: #000000 !important; 
}

.test-button {
    background-color: #ffffff;
    color: #e74c3c; 
    padding: 8px 15px; border-radius: 5px; text-decoration: none; font-weight: bold;
    align-self: flex-start; transition: all 0.3s;
}

.test-button:hover {
    background-color: #e74c3c; 
    color: #ffffff;
    transform: scale(1.05);
}


/* ======================================= */
/* ====== 5. تصاویر پس زمینه (جابجایی حفظ شده) ====== */
/* ======================================= */
/* توجه: جابجایی تصویر بین 'card-single-writing' و 'card-online' که قبلاً انجام دادید، حفظ شده است.
   بنابراین تصویر 'online' به 'single-writing' و تصویر 'single-writing' به 'online' داده شده است.
*/
.test-card.card-full { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/close-up-young-man-working-smart-phone-laptop-min-1-scaled.jpg'); }
.test-card.card-single-writing { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/medium-shot-woman-wearing-headphones-min-scaled.jpg'); } 
.test-card.card-single-speaking { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/virtual-classroom-study-space-min-scaled.jpg'); }
.test-card.card-online { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/close-up-woman-doing-her-work-min-1-scaled.jpg'); } 
.test-card.card-write-it-right { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/top-view-adult-correcting-grammar-mistakes-min-1.jpg'); }
.test-card.card-speaking-plus { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/thoughtful-girl-standing-with-notebook-min-scaled.jpg'); }


/* --- 6. تنظیمات ریسپانسیو (برای نمایش درست در تبلت و موبایل) --- */
@media (max-width: 1024px) {
    /* تبلت: همه کارت‌ها 50% باشند (دو ستونی) */
    .test-card {
        flex: 0 0 calc(50% - 7.5px) !important; 
        max-width: calc(50% - 7.5px) !important;
        height: 180px; 
    }
}

@media (max-width: 767px) {
    /* موبایل: یک ستونی (100%) */
    .test-card {
        flex: 1 1 100% !important; 
        max-width: 100% !important;
        height: 160px; 
    }
}
/* ======================================= */
/* ====== 1. چیدمان گالری و استایل پایه ====== */
/* ======================================= */

.mock-test-cards-container.custom-grid {
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-between; 
    gap: 15px;
    direction: rtl;  
    padding: 30px 0;
    position: relative;
    z-index: 10;
    overflow-x: visible !important; 
}

.test-card {
    height: 220px; 
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); 
    transition: transform 0.4s ease-out, box-shadow 0.4s ease-out;
}

.test-card:hover {
    transform: translateY(-5px); 
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); 
}

/* --- 2. تنظیمات عرض (Grid Layout) --- */

/* 🟢 کارت‌های 50% (دو ستونی): Full Mock و Online Mock */
.test-card.card-full, 
.test-card.card-online {
    /* 50% - تقسیم فضای 15px Gap (دو کارت در هر ردیف) */
    flex: 0 0 calc(50% - 7.5px); 
    max-width: calc(50% - 7.5px);
}

/* 🟢 کارت‌های 25% (چهار ستونی): تک مهارتی‌ها */
.test-card.card-single-writing,
.test-card.card-single-speaking,
.test-card.card-write-it-right,
.test-card.card-speaking-plus {
    /* 25% - تقسیم فضای 15px Gap (چهار کارت در هر ردیف) */
    flex: 0 0 calc(25% - 11.25px); 
    max-width: calc(25% - 11.25px);
}


/* --- 3. پوشش (Overlay) و افکت Hover (حفظ شده) --- */
.card-overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px;
    display: flex; flex-direction: column; justify-content: flex-end; color: #ffffff;
    
    /* گرادینت قرمز تیره */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(231, 76, 60, 0.85) 100%); 
    transition: background 0.4s ease;
}

.test-card:hover .card-overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(231, 76, 60, 0.95) 100%);
}

/* --- 4. استایل متن و دکمه --- */
.test-title {
    font-size: 1.4rem; font-weight: bold; margin-bottom: 5px;
    color: #000000 !important; 
}

/* 💥 تغییر: کوچک کردن فونت برای عناوین کارت‌های 25% */
.test-card.card-single-writing .test-title,
.test-card.card-single-speaking .test-title,
.test-card.card-write-it-right .test-title,
.test-card.card-speaking-plus .test-title {
    /* کاهش فونت از 1.4rem به 1rem برای جا شدن در یک خط در عرض 25% */
    font-size: 1rem; 
    /* اطمینان از اینکه خطوط اضافی در صورت امکان حذف می‌شوند */
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}

.test-button {
    background-color: #ffffff;
    color: #e74c3c; 
    padding: 8px 15px; border-radius: 5px; text-decoration: none; font-weight: bold;
    align-self: flex-start; transition: all 0.3s;
}

.test-button:hover {
    background-color: #e74c3c; 
    color: #ffffff;
    transform: scale(1.05);
}


/* ======================================= */
/* ====== 5. تصاویر پس زمینه (جابجایی حفظ شده) ====== */
/* ======================================= */
.test-card.card-full { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/close-up-young-man-working-smart-phone-laptop-min-1-scaled.jpg'); }
.test-card.card-single-writing { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/medium-shot-woman-wearing-headphones-min-scaled.jpg'); } 
.test-card.card-single-speaking { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/virtual-classroom-study-space-min-scaled.jpg'); }
.test-card.card-online { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/close-up-woman-doing-her-work-min-1-scaled.jpg'); } 
.test-card.card-write-it-right { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/top-view-adult-correcting-grammar-mistakes-min-1.jpg'); }
.test-card.card-speaking-plus { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/thoughtful-girl-standing-with-notebook-min-scaled.jpg'); }


/* --- 6. تنظیمات ریسپانسیو (برای نمایش درست در تبلت و موبایل) --- */
@media (max-width: 1024px) {
    /* تبلت: همه کارت‌ها 50% باشند (دو ستونی) */
    .test-card {
        flex: 0 0 calc(50% - 7.5px) !important; 
        max-width: calc(50% - 7.5px) !important;
        height: 180px; 
    }
    /* در تبلت (50%)، فونت کارت‌ها به حالت پیش‌فرض برمی‌گردد یا بزرگتر می‌شود تا خوانایی حفظ شود. */
    .test-card.card-single-writing .test-title,
    .test-card.card-single-speaking .test-title,
    .test-card.card-write-it-right .test-title,
    .test-card.card-speaking-plus .test-title {
        font-size: 1.2rem; /* کمی کوچکتر از 1.4rem اصلی */
        white-space: normal; /* امکان شکستن خط برای کارت‌های 50% تبلت */
    }
}

@media (max-width: 767px) {
    /* موبایل: یک ستونی (100%) */
    .test-card {
        flex: 1 1 100% !important; 
        max-width: 100% !important;
        height: 160px; 
    }
    /* در موبایل (100%)، فونت کارت‌ها به حالت پیش‌فرض برمی‌گردد. */
    .test-card.card-single-writing .test-title,
    .test-card.card-single-speaking .test-title,
    .test-card.card-write-it-right .test-title,
    .test-card.card-speaking-plus .test-title {
        font-size: 1.4rem; 
        white-space: normal;
    }
}
<style>
/* ======================================= */
/* ====== 1. چیدمان گالری و استایل پایه ====== */
/* ======================================= */

.mock-test-cards-container.custom-grid {
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-between; 
    gap: 15px;
    direction: rtl;  
    padding: 30px 0;
    position: relative;
    z-index: 10;
    overflow-x: visible !important;  
}

.test-card {
    height: 220px; 
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); 
    transition: transform 0.4s ease-out, box-shadow 0.4s ease-out;
}

.test-card:hover {
    transform: translateY(-5px); 
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); 
}

/* --- 2. تنظیمات عرض (Grid Layout) --- */

/* 🟢 کارت‌های 50% (دو ستونی): Full Mock و Online Mock */
.test-card.card-full, 
.test-card.card-online {
    flex: 0 0 calc(50% - 7.5px); 
    max-width: calc(50% - 7.5px);
}

/* 🟢 کارت‌های 25% (چهار ستونی): تک مهارتی‌ها */
.test-card.card-single-writing,
.test-card.card-single-speaking,
.test-card.card-write-it-right,
.test-card.card-speaking-plus {
    flex: 0 0 calc(25% - 11.25px); 
    max-width: calc(25% - 11.25px);
}


/* --- 3. پوشش (Overlay) و افکت Hover (حفظ شده) --- */
.card-overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px;
    display: flex; flex-direction: column; justify-content: flex-end; color: #ffffff;
    
    /* گرادینت قرمز تیره */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(231, 76, 60, 0.85) 100%); 
    transition: background 0.4s ease;
}

.test-card:hover .card-overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(231, 76, 60, 0.95) 100%);
}

/* --- 4. استایل متن و دکمه (تغییر یافته) --- */
.test-title {
    font-size: 1.4rem; 
    font-weight: bold; 
    margin-bottom: 5px;
    
    /* 💥 تغییر ۱: رنگ فونت سفید */
    color: #ffffff !important; 
    
    /* 💥 تغییر ۲: سایه متن مشکی (دورگیری ۱ پیکسلی) */
    text-shadow: 1px 1px 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000;
}

/* 💥 کوچک کردن فونت برای عناوین کارت‌های 25% (حفظ شده) */
.test-card.card-single-writing .test-title,
.test-card.card-single-speaking .test-title,
.test-card.card-write-it-right .test-title,
.test-card.card-speaking-plus .test-title {
    font-size: 1rem; 
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}

.test-button {
    background-color: #ffffff;
    color: #e74c3c; 
    padding: 8px 15px; border-radius: 5px; text-decoration: none; font-weight: bold;
    align-self: flex-start; transition: all 0.3s;
}

.test-button:hover {
    background-color: #e74c3c; 
    color: #ffffff;
    transform: scale(1.05);
}


/* ======================================= */
/* ====== 5. تصاویر پس زمینه (جابجایی حفظ شده) ====== */
/* ======================================= */
.test-card.card-full { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/close-up-young-man-working-smart-phone-laptop-min-1-scaled.jpg'); }
.test-card.card-single-writing { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/medium-shot-woman-wearing-headphones-min-scaled.jpg'); } 
.test-card.card-single-speaking { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/virtual-classroom-study-space-min-scaled.jpg'); }
.test-card.card-online { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/close-up-woman-doing-her-work-min-1-scaled.jpg'); } 
.test-card.card-write-it-right { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/top-view-adult-correcting-grammar-mistakes-min-1.jpg'); }
.test-card.card-speaking-plus { background-image: url('https://khazeniwebmaster.com/mock/wp-content/uploads/2025/12/thoughtful-girl-standing-with-notebook-min-scaled.jpg'); }


/* --- 6. تنظیمات ریسپانسیو (برای نمایش درست در تبلت و موبایل) --- */
@media (max-width: 1024px) {
    /* تبلت: همه کارت‌ها 50% باشند (دو ستونی) */
    .test-card {
        flex: 0 0 calc(50% - 7.5px) !important; 
        max-width: calc(50% - 7.5px) !important;
        height: 180px; 
    }
    /* در تبلت (50%)، فونت کارت‌ها به حالت پیش‌فرض برمی‌گردد یا بزرگتر می‌شود تا خوانایی حفظ شود. */
    .test-card.card-single-writing .test-title,
    .test-card.card-single-speaking .test-title,
    .test-card.card-write-it-right .test-title,
    .test-card.card-speaking-plus .test-title {
        font-size: 1.2rem; 
        white-space: normal; 
    }
}

@media (max-width: 767px) {
    /* موبایل: یک ستونی (100%) */
    .test-card {
        flex: 1 1 100% !important; 
        max-width: 100% !important;
        height: 160px; 
    }
    /* در موبایل (100%)، فونت کارت‌ها به حالت پیش‌فرض برمی‌گردد. */
    .test-card.card-single-writing .test-title,
    .test-card.card-single-speaking .test-title,
    .test-card.card-write-it-right .test-title,
    .test-card.card-speaking-plus .test-title {
        font-size: 1.4rem; 
        white-space: normal;
    }
}
</style>/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e3f0a31 *//* --- 1. تعریف انیمیشن پرده ورودی (Entrance Curtain) --- */
@keyframes entranceCurtain {
    0% {
        opacity: 0;
        /* افکت برش: تنها 10% بالای سکشن قابل مشاهده است */
        clip-path: inset(0 0 90% 0);
        transform: scale(0.98);
    }
    100% {
        opacity: 1;
        /* باز شدن کامل پرده */
        clip-path: inset(0 0 0 0);
        transform: scale(1);
    }
}
/* --- 2. اعمال استایل‌ها به سکشن (کلاس سفارشی) --- */

.elementor-section.entrance-curtain {
    /* تضمین می‌کند که سکشن قبل از انیمیشن پنهان است */
    opacity: 0 !important; 
    
    /* تنظیمات انیمیشن: طولانی‌تر و جذاب‌تر */
    /* زمان: 1.8 ثانیه / نوع: نرم و پویا / حالت: forwards (در پایان ثابت بماند) */
    animation: entranceCurtain 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;
    
    /* ⚠️ برای شروع با کمی تاخیر پس از لود صفحه */
    animation-delay: 0.6s; 
}/* End custom CSS */
/* Start custom CSS for accordion, class: .elementor-element-68cd5e0 *//* استایل برای ظرف اصلی (والد) که موقعیت دهی را مدیریت می کند */
.animated-background-container {
    position: absolute; /* بسیار مهم: برای قرارگیری در پس‌زمینه */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* جلوگیری از دیده شدن توپ‌ها خارج از سکشن */
    z-index: 1; /* اطمینان از اینکه زیر محتوای اصلی قرار گیرد */
    pointer-events: none; /* این باعث می‌شود توپ‌ها مانع کلیک روی دکمه‌ها نشوند */
}

/* استایل مشترک برای همه توپ‌ها */
.ball-css {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    filter: blur(15px); /* جلوه درخشان‌تر و ملایم‌تر */
    opacity: 0.7;
    /* این توپ‌ها در گوشه‌های مختلف سکشن المنتور شروع می‌شوند */
}

/* 1. توپ نارنجی */
.ball-css.orange {
    background: #ff8c00;
    width: 100px; /* اندازه بزرگتر */
    height: 100px;
    top: 10%;
    left: 5%;
    animation: move-orange 25s infinite alternate ease-in-out; /* انیمیشن طولانی و رفت و برگشتی */
}

/* 2. توپ آبی */
.ball-css.blue {
    background: #007bff;
    top: 50%;
    left: 80%;
    animation: move-blue 20s infinite alternate-reverse ease-in-out; /* حرکت معکوس و کمی سریع‌تر */
}

/* 3. توپ سبز */
.ball-css.green {
    background: #28a745;
    width: 60px; /* اندازه کوچکتر */
    height: 60px;
    top: 70%;
    left: 30%;
    animation: move-green 30s infinite alternate ease-in-out; /* حرکت آهسته‌تر */
}
/* حرکت توپ نارنجی: از بالا-چپ به پایین-راست */
@keyframes move-orange {
    from {
        transform: translate(0, 0);
    }
    to {
        transform: translate(100px, 300px); /* جابه‌جایی 100px افقی و 300px عمودی */
    }
}

/* حرکت توپ آبی: از بالا-راست به پایین-چپ */
@keyframes move-blue {
    from {
        transform: translate(0, 0);
    }
    to {
        transform: translate(-250px, 150px); /* جابه‌جایی به سمت چپ و پایین */
    }
}

/* حرکت توپ سبز: یک حرکت دایره‌ای‌تر */
@keyframes move-green {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(150px, -100px); /* به سمت بالا و راست */
    }
    100% {
        transform: translate(0, 0);
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'dana';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://mock.ifi.group/wp-content/uploads/2025/11/dana-fanum-medium.eot');
	src: url('https://mock.ifi.group/wp-content/uploads/2025/11/dana-fanum-medium.eot?#iefix') format('embedded-opentype'),
		url('https://mock.ifi.group/wp-content/uploads/2025/11/DanaFaNum-Light.woff2') format('woff2'),
		url('https://mock.ifi.group/wp-content/uploads/2025/11/DanaFaNum-Medium.woff') format('woff');
}
/* End Custom Fonts CSS */