.elementor-83096 .elementor-element.elementor-element-0131a4a{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-83096 .elementor-element.elementor-element-84a9cf1{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-83096 .elementor-element.elementor-element-893cf61 .elementor-repeater-item-3223714 .swiper-slide-bg{background-image:url(https://blanton.store/wp-content/uploads/2024/10/BL-Banner-Fall-03-1.jpg);background-size:contain;}.elementor-83096 .elementor-element.elementor-element-893cf61 .swiper-slide{transition-duration:calc(5000ms*1.2);height:700px;}.elementor-83096 .elementor-element.elementor-element-893cf61{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-83096 .elementor-element.elementor-element-893cf61 .swiper-slide-contents{max-width:66%;}.elementor-83096 .elementor-element.elementor-element-893cf61 .swiper-slide-inner{text-align:center;}.elementor-83096 .elementor-element.elementor-element-2d3c9c4 .elementor-repeater-item-990ac6b .swiper-slide-bg{background-image:url(https://blanton.store/wp-content/uploads/2024/10/BL-Banner-Fall-03-Square.jpg);background-size:contain;}.elementor-83096 .elementor-element.elementor-element-2d3c9c4 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-83096 .elementor-element.elementor-element-2d3c9c4 .swiper-slide-contents{max-width:66%;}.elementor-83096 .elementor-element.elementor-element-2d3c9c4 .swiper-slide-inner{text-align:center;}@media(max-width:767px){.elementor-83096 .elementor-element.elementor-element-84a9cf1{--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-83096 .elementor-element.elementor-element-893cf61{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-83096 .elementor-element.elementor-element-2d3c9c4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for slides, class: .elementor-element-893cf61 *//* استایل زیبا برای دات‌های pagination */
#my-custom-slider .swiper-pagination-bullet {
    width: 20px; /* اندازه دات‌ها */
    height: 20px;
    background-color: #00A984; /* رنگ سبز برای دات‌ها */
    opacity: 1; /* شفافیت دات‌ها */
    border-radius: 50%; /* گرد کردن دات‌ها */
    margin: 5px; /* فاصله بین دات‌ها */
    transition: all 0.3s ease; /* افکت تغییر دات‌ها */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* اضافه کردن سایه */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* استایل برای دات فعال */
#my-custom-slider .swiper-pagination-bullet-active {
    background-color: #FFFFFF; /* رنگ سفید برای دات فعال */
    width: 30px; /* اندازه بزرگتر برای دات فعال */
    height: 30px;
    border: 2px solid #000000; /* بوردر مشکی 2 پیکسلی */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* جابجایی pagination به سمت راست به صورت افقی */
#my-custom-slider .swiper-pagination {
    position: absolute;
    bottom: 20px; /* تنظیم فاصله از پایین صفحه */
    right: 20px; /* تنظیم فاصله از سمت راست صفحه */
    display: flex;
    flex-direction: row; /* قرارگیری دات‌ها به صورت افقی */
    justify-content: center; /* وسط چین کردن دات‌ها */
    align-items: center; /* وسط چین کردن دات‌ها */
}
#my-custom-slider .swiper-pagination {
	position: absolute;
	bottom: -2px;
	right: 20px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	background: #fff;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	padding: 4px;
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-2d3c9c4 *//* استایل زیبا برای دات‌های pagination */
#my-custom-slider-mobile .swiper-pagination-bullet {
    width: 20px; /* اندازه دات‌ها */
    height: 20px;
    background-color: #00A984; /* رنگ سبز برای دات‌ها */
    opacity: 1; /* شفافیت دات‌ها */
    border-radius: 50%; /* گرد کردن دات‌ها */
    margin: 5px; /* فاصله بین دات‌ها */
    transition: all 0.3s ease; /* افکت تغییر دات‌ها */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* اضافه کردن سایه */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* استایل برای دات فعال */
#my-custom-slider-mobile .swiper-pagination-bullet-active {
    background-color: #FFFFFF; /* رنگ سفید برای دات فعال */
    width: 30px; /* اندازه بزرگتر برای دات فعال */
    height: 30px;
    border: 2px solid #000000; /* بوردر مشکی 2 پیکسلی */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* جابجایی pagination به سمت راست به صورت افقی */
#my-custom-slider-mobile .swiper-pagination {
    position: absolute;
    bottom: 20px; /* تنظیم فاصله از پایین صفحه */
    right: 20px; /* تنظیم فاصله از سمت راست صفحه */
    display: flex;
    flex-direction: row; /* قرارگیری دات‌ها به صورت افقی */
    justify-content: center; /* وسط چین کردن دات‌ها */
    align-items: center; /* وسط چین کردن دات‌ها */
}
#my-custom-slider-mobile .swiper-pagination {
	position: absolute;
	right: 20px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	background: #fff;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	padding: 4px;
}/* End custom CSS */