.elementor-16672 .elementor-element.elementor-element-b9bc3e3{--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-16672 .elementor-element.elementor-element-4bc0ded{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16672 .elementor-element.elementor-element-b4747d7{--swiper-slides-to-display:8;--swiper-slides-gap:0px;}.elementor-16672 .elementor-element.elementor-element-b4747d7 .swiper-slide > .elementor-element{height:100%;}.elementor-16672 .elementor-element.elementor-element-62f230f{--display:flex;}.elementor-16672 .elementor-element.elementor-element-71344e9{--e-search-results-columns:1;}@media(max-width:1024px){.elementor-16672 .elementor-element.elementor-element-b4747d7{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-16672 .elementor-element.elementor-element-b9bc3e3{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-16672 .elementor-element.elementor-element-b4747d7{--swiper-slides-to-display:4;--swiper-slides-gap:0px;}}/* Start custom CSS for loop-carousel, class: .elementor-element-b4747d7 */.elementor-16672 .elementor-element.elementor-element-b4747d7 .swiper-pagination-progressbar {



    /* ۱. موقعیت و فاصله از کارت‌ها (پایین) */



    top: auto !important;



    bottom: -25px !important; /* نوار را 15 پیکسل از لبه پایینی کارت‌ها فاصله می‌دهد */



    



    /* ۲. ابعاد جدید (عرض 15% و ارتفاع 4px) */



    height: 4px !important;



    width: 15% !important; /* کاهش عرض به 15 درصد */



    



    /* ۳. مرکز قرارگیری نوار 15 درصدی */



    /* (100% - 15%) / 2 = 42.5% */



    left: 42.5% !important; 



    



    /* ۴. گرد کردن گوشه‌ها */



    border-radius: 4px !important;



    overflow: hidden !important; 



}







.elementor-16672 .elementor-element.elementor-element-b4747d7 .swiper-pagination-progressbar-fill {



    /* گرد کردن گوشه‌های نوار فعال (Fill) */



    border-radius: 4px !important;



}



.elementor-16672 .elementor-element.elementor-element-b4747d7 .swiper-pagination-progressbar-fill{

    background: #FFD026;

}



.elementor-16672 .elementor-element.elementor-element-b4747d7 .swiper-pagination-progressbar{

    background: #dbdbdb;

}/* End custom CSS */