.elementor-42 .elementor-element.elementor-element-eef62fd{--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;--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-42 .elementor-element.elementor-element-88dbb49 .elementor-repeater-item-20d873a .swiper-slide-bg{background-color:#FFFFFF;background-image:url(https://alfba.ir/wp-content/uploads/2026/08/slider-jetfan.webp);background-size:contain;}.elementor-42 .elementor-element.elementor-element-88dbb49 .elementor-repeater-item-6934af8 .swiper-slide-bg{background-color:#FFFFFF;background-image:url(https://alfba.ir/wp-content/uploads/2025/03/01-copy-min.jpg);background-size:contain;}.elementor-42 .elementor-element.elementor-element-88dbb49 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-42 .elementor-element.elementor-element-88dbb49 .swiper-slide-contents{max-width:66%;}.elementor-42 .elementor-element.elementor-element-88dbb49 .swiper-slide-inner{text-align:center;}.elementor-42 .elementor-element.elementor-element-b0c8e0f{--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;}.elementor-42 .elementor-element.elementor-element-c3354c7{--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;--margin-top:25px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-42 .elementor-element.elementor-element-defe166 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-42 .elementor-element.elementor-element-defe166 .title-after_title, .elementor-42 .elementor-element.elementor-element-defe166 .title-subtitle, .elementor-42 .elementor-element.elementor-element-defe166 .woodmart-title-container{max-width:67%;}.elementor-42 .elementor-element.elementor-element-e36be48{--display:flex;--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;--justify-content:space-around;--align-items:center;--margin-top:15px;--margin-bottom:15px;--margin-left:0px;--margin-right:0px;}.elementor-42 .elementor-element.elementor-element-8209544 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 15px 15px 15px;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-42 .elementor-element.elementor-element-955cb71{--display:flex;--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;--justify-content:space-around;--align-items:center;--margin-top:15px;--margin-bottom:15px;--margin-left:0px;--margin-right:0px;}.elementor-42 .elementor-element.elementor-element-21b57d2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 15px 15px 15px;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-42 .elementor-element.elementor-element-991f225{--display:flex;--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;--justify-content:space-around;--align-items:center;--margin-top:15px;--margin-bottom:15px;--margin-left:0px;--margin-right:0px;}.elementor-42 .elementor-element.elementor-element-8f664b7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 15px 15px 15px;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}:root{--page-title-display:none;}@media(max-width:767px){.elementor-42 .elementor-element.elementor-element-eef62fd{--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-42 .elementor-element.elementor-element-88dbb49 .swiper-slide{height:150px;}.elementor-42 .elementor-element.elementor-element-8209544 .wd-el-title{font-size:18px;}.elementor-42 .elementor-element.elementor-element-21b57d2 .wd-el-title{font-size:18px;}.elementor-42 .elementor-element.elementor-element-8f664b7 .wd-el-title{font-size:18px;}}/* Start custom CSS for slides, class: .elementor-element-88dbb49 *//* Custom Responsive Aspect Ratio for Alfba Slider */
.alf-main-slider .elementor-slides-wrapper.swiper {
    /* محاسبه دقیق نسبت تصویر ۱۳۲۹ در ۲۴۹ */
    aspect-ratio: 1329 / 249 !important;
    height: auto !important;
}

.alf-main-slider .elementor-slides,
.alf-main-slider .swiper-slide {
    height: 100% !important;
}

.alf-main-slider .swiper-slide-bg {
    background-size: 100% 100% !important; /* پر کردن کامل فضا بدون کات شدن */
    background-position: center center !important;
}

/* حل مشکل فواصل غیرمنطقی بالا و پایین کانتینر در موبایل و دسکتاپ */
.alf-main-slider .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

/* بهینه‌سازی دکمه‌های ناوبری (فلش‌ها) و نقاط پایین (Pagination) برای هماهنگی با ظاهر مینیمال وودمارت */
.alf-main-slider .elementor-swiper-button {
    background: rgba(0, 0, 0, 0.4) !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

.alf-main-slider .elementor-swiper-button:hover {
    background: #FBB81E !important; /* تغییر رنگ به زرد اختصاصی شما در هوور */
}

.alf-main-slider .elementor-swiper-button svg {
    width: 14px !important;
    fill: #ffffff !important;
}

/* استایل دهی به نقاط پایین اسلایدر کاملاً هماهنگ با رنگ سازمانی */
.alf-main-slider .swiper-pagination-bullet {
    background: #ffffff !important;
    opacity: 0.5 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 0.3s ease !important;
}

.alf-main-slider .swiper-pagination-bullet-active {
    background: #FBB81E !important; /* نقطه فعال به رنگ زرد الفبا */
    opacity: 1 !important;
    width: 20px !important; /* حالت کشیده و مدرن برای نقطه فعال */
    border-radius: 4px !important;
}

/* ریسپانسیو اختصاصی برای دستگاه‌های موبایل کوچک */
@media (max-width: 767px) {
    .alf-main-slider .elementor-swiper-button {
        display: none !important; /* مخفی کردن فلش‌ها در موبایل برای تمیزی طرح و اسکرول لمسی راحت‌تر */
    }
    .alf-main-slider .swiper-pagination-bullet {
        width: 6px !important;
        height: 6px !important;
    }
    .alf-main-slider .swiper-pagination-bullet-active {
        width: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fe1cd44 *//* Container Base & Background Styles */
.alf-features-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* ۴ ستون مساوی در دسکتاپ */
    gap: 16px;
    width: 100%;
    direction: rtl;
    padding: 24px 20px;
    box-sizing: border-box;
    background-color: #f8f9fa; /* رنگ بک‌گراند ملایم مدرن برای جلوه و عمق بخشیدن به باکس‌ها */
    border-radius: 20px; /* گردی ملایم برای کل کانتینر پشت کارت‌ها */
}

/* Base Feature Card Design (Minimal & Soft Shadow) */
.alf-feature-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end; /* تراز راست متناسب با ساختار عکس شما */
    gap: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.02);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.alf-feature-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
}

/* Typography styles matching the image */
.alf-feature-text {
    text-align: right;
}

.alf-feature-text h3 {
    font-size: 14px;
    font-weight: 700;
    color: #111111;
    margin: 0 0 4px 0;
}

.alf-feature-text p {
    font-size: 11px;
    color: #777777;
    margin: 0;
}

/* Icon Container & Sizing */
.alf-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111111; /* رنگ مشکی آیکون‌ها مطابق طرح */
    flex-shrink: 0;
}

.alf-feature-icon svg {
    width: 28px;
    height: 28px;
    transition: color 0.3s ease;
}

/* هوور جذاب با استفاده از رنگ طلایی اختصاصی الفبا */
.alf-feature-card:hover .alf-feature-icon svg {
    color: #FBB81E;
}

/* -------------------------------------------
   Responsive Control (Tablet & Mobile)
------------------------------------------- */

/* حالت تبلت: تبدیل به ۲ ستون و ۲ ردیف برای جلوگیری از مچول شدن باکس‌ها */
@media (max-width: 1024px) {
    .alf-features-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        padding: 20px 15px;
    }
}

/* حالت موبایل: ۲ تا ۲ تا کنار هم کاملاً منظم و مینیمال */
@media (max-width: 767px) {
    .alf-features-container {
        grid-template-columns: repeat(2, 1fr); /* ۲ ستون دقیقاً کنار هم */
        gap: 10px; /* فاصله ظریف بین کارت‌ها */
        padding: 16px 10px;
    }

    .alf-feature-card {
        padding: 12px 10px;
        gap: 8px;
        border-radius: 12px; /* کمی گردی کمتر در موبایل برای تمیزی هندسی کار */
    }
    
    .alf-feature-text h3 {
        font-size: 11px; /* سایز کاملاً بهینه برای جا شدن متن‌های طولانی در کادر موبایل */
        white-space: nowrap; /* جلوگیری از شکستن کلمات کلیدی تایتل در صورت امکان */
    }
    
    .alf-feature-text p {
        font-size: 9px;
    }
    
    .alf-feature-icon svg {
        width: 22px;
        height: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-977d71f *//*باکس دسته ها*/
/* Base Grid Container */
.alf-cats-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* ۶ ستون منظم خطی در دسکتاپ */
    gap: 20px;
    width: 100%;
    direction: rtl;
    padding: 15px;
    box-sizing: border-box;
    margin-top: 20px; /* فاصله از بالا بنا به درخواست شما */
}

/* Individual Category Card Design */
.alf-cat-card {
    background: #ffffff;
    border-radius: 20px; /* بردر ردیوس ۲۰ برای کل باکس بنا به درخواست شما */
    padding: 18px 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-decoration: none !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.02);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;
    height: 100%;
    min-height: 250px; /* افزایش جزیی ارتفاع کل باکس برای جلوه بهتر تصاویر بزرگ */
    overflow: hidden;
}

/* Hover Action */
.alf-cat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

/* Image Container Styles - Bigger Size */
.alf-cat-image {
    width: 100%;
    height: 150px; /* بزرگتر شدن باکس تصویر */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    overflow: hidden;
}

/* Image Core Styles with Border-Radius */
.alf-cat-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 12px; /* گرد شدن لبه‌های عکس */
    transition: transform 0.4s ease;
}

/* Smooth zoom on hover */
.alf-cat-card:hover .alf-cat-image img {
    transform: scale(1.06);
}

/* Footer UI Layout */
.alf-cat-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

/* Typography Customization */
.alf-cat-title {
    font-size: 13px;
    font-weight: 700;
    color: #111111;
    transition: color 0.3s ease;
    line-height: 1.4;
    text-align: right;
}

.alf-cat-card:hover .alf-cat-title {
    color: #FBB81E; /* تغییر رنگ متن به طلایی اختصاصی الفبا در هوور */
}

/* Yellow Action Arrow Button */
.alf-cat-arrow {
    width: 26px;
    height: 26px;
    background-color: #FBB81E;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111111;
    transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
    flex-shrink: 0;
}

.alf-cat-arrow svg {
    width: 11px;
    height: 11px;
}

/* Hover Interaction for Arrow button */
.alf-cat-card:hover .alf-cat-arrow {
    transform: translateX(-3px);
    background-color: #111111;
    color: #FBB81E;
}

/* -------------------------------------------
   Responsive Control (Tablet & Mobile)
------------------------------------------- */

/* حالت تبلت: ۳ ستون منظم در ۲ ردیف */
@media (max-width: 1024px) {
    .alf-cats-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
    .alf-cat-card {
        min-height: 230px;
    }
    .alf-cat-image {
        height: 130px;
    }
}

/* حالت موبایل: ۲ ستون بسیار مدرن، شیک و بدون فشردگی */
@media (max-width: 767px) {
    .alf-cats-grid {
        grid-template-columns: repeat(2, 1fr); /* چیدمان دو تا دو تا در گوشی */
        gap: 12px;
        padding: 10px;
    }

    .alf-cat-card {
        padding: 14px 10px;
        min-height: 190px;
        border-radius: 20px; /* حفظ دقیق بردر ردیوس ۲۰ در موبایل */
    }

    .alf-cat-image {
        height: 110px; /* سایز بهینه‌شده تصویر در موبایل برای زیبایی بیشتر */
    }

    .alf-cat-image img {
        border-radius: 10px;
    }

    .alf-cat-title {
        font-size: 11px; /* سایز خوانا برای عناوین طولانی مثل ملزومات تابلوسازی */
    }

    .alf-cat-arrow {
        width: 22px;
        height: 22px;
    }
    
    .alf-cat-arrow svg {
        width: 9px;
        height: 9px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e36be48 */.elementor-42 .elementor-element.elementor-element-e36be48 .elementor-widget-container{
    margin-right: 50px;
    margin-left: 50px;
}

@media (max-width: 768px) {
    .elementor-42 .elementor-element.elementor-element-e36be48 .elementor-widget-container{
    margin-right: 5px;
    margin-left: 5px;
}
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-955cb71 */.elementor-42 .elementor-element.elementor-element-955cb71 .elementor-widget-container{
    margin-right: 50px;
    margin-left: 50px;
}

@media (max-width: 768px) {
    .elementor-42 .elementor-element.elementor-element-955cb71 .elementor-widget-container{
    margin-right: 5px;
    margin-left: 5px;
}
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-991f225 */.elementor-42 .elementor-element.elementor-element-991f225 .elementor-widget-container{
    margin-right: 50px;
    margin-left: 50px;
}

@media (max-width: 768px) {
    .elementor-42 .elementor-element.elementor-element-991f225 .elementor-widget-container{
    margin-right: 5px;
    margin-left: 5px;
}
    
}/* End custom CSS */