.elementor-16764 .elementor-element.elementor-element-562a58e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-16764 .elementor-element.elementor-element-562a58e:not(.elementor-motion-effects-element-type-background), .elementor-16764 .elementor-element.elementor-element-562a58e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://akbarzare.ir/wp-content/uploads/2026/07/Vector-7.png");background-position:bottom left;background-repeat:no-repeat;background-size:85% auto;}.elementor-16764 .elementor-element.elementor-element-562a58e::before, .elementor-16764 .elementor-element.elementor-element-562a58e > .elementor-background-video-container::before, .elementor-16764 .elementor-element.elementor-element-562a58e > .e-con-inner > .elementor-background-video-container::before, .elementor-16764 .elementor-element.elementor-element-562a58e > .elementor-background-slideshow::before, .elementor-16764 .elementor-element.elementor-element-562a58e > .e-con-inner > .elementor-background-slideshow::before, .elementor-16764 .elementor-element.elementor-element-562a58e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://akbarzare.ir/wp-content/uploads/2026/07/implant.png");--background-overlay:'';background-position:0px 200px;background-repeat:no-repeat;background-size:55% auto;}.elementor-16764 .elementor-element.elementor-element-562a58e > .elementor-shape-bottom svg, .elementor-16764 .elementor-element.elementor-element-562a58e > .e-con-inner > .elementor-shape-bottom svg{width:calc(300% + 1.3px);height:67px;}.elementor-16764 .elementor-element.elementor-element-562a58e > .elementor-shape-bottom, .elementor-16764 .elementor-element.elementor-element-562a58e > .e-con-inner > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-16764 .elementor-element.elementor-element-212aee7{--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:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16764 .elementor-element.elementor-element-d730328 .ha-gradient-heading{color:#E6C766;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-color:transparent;background-image:linear-gradient(90deg, #E6C766 0%, #806F39 100%);font-family:"IRANSansWeb_Black", vazir;font-size:36px;}.elementor-16764 .elementor-element.elementor-element-4517e22 .elementor-heading-title{font-family:"IRANSansWeb_Black", vazir;font-size:36px;font-weight:900;color:#494949;}.elementor-16764 .elementor-element.elementor-element-e0b22a9{text-align:justify;font-family:"IRANSansWeb_Light", vazir;font-size:14px;}.elementor-16764 .elementor-element.elementor-element-28392f0{--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-16764 .elementor-element.elementor-element-02e98ab .ha-slick-item{border-radius:8px 8px 8px 8px;overflow:hidden;}.elementor-16764 .elementor-element.elementor-element-02e98ab .slick-prev, .elementor-16764 .elementor-element.elementor-element-02e98ab .slick-next{font-size:18px;border-style:solid;border-width:0px 0px 0px 0px;border-color:#FF0000;color:#FFFFFF;background-color:#FF7F00;}.elementor-16764 .elementor-element.elementor-element-02e98ab .slick-prev:hover, .elementor-16764 .elementor-element.elementor-element-02e98ab .slick-next:hover{color:#242424;}.elementor-16764 .elementor-element.elementor-element-029a657{--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-16764 .elementor-element.elementor-element-dfaadb5 .elementor-repeater-item-3ac0e82.ha-slider-slide, .elementor-16764 .elementor-element.elementor-element-dfaadb5 .elementor-repeater-item-3ac0e82.ha-slider-gallery-slide{background-color:#1F2363;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .elementor-repeater-item-d44d231.ha-slider-slide, .elementor-16764 .elementor-element.elementor-element-dfaadb5 .elementor-repeater-item-d44d231.ha-slider-gallery-slide{background-color:#5636D1;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .elementor-repeater-item-dc67eb8.ha-slider-slide, .elementor-16764 .elementor-element.elementor-element-dfaadb5 .elementor-repeater-item-dc67eb8.ha-slider-gallery-slide{background-color:#8D0F70;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .elementor-repeater-item-749182c.ha-slider-slide, .elementor-16764 .elementor-element.elementor-element-dfaadb5 .elementor-repeater-item-749182c.ha-slider-gallery-slide{background-color:#8D0F70;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .elementor-repeater-item-ad97b87.ha-slider-slide, .elementor-16764 .elementor-element.elementor-element-dfaadb5 .elementor-repeater-item-ad97b87.ha-slider-gallery-slide{background-color:#8D0F70;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-wrapper{height:60vh;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-content{width:50%;text-align:center;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-content-wrapper{align-items:center;justify-content:center;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-figure{color:#FFFFFF;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-content-title{margin-bottom:30px;color:#FFFFFF;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-content-sub-title{margin-bottom:30px;color:#FFFFFF;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-content-description{margin-bottom:30px;color:#FFFFFF;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-buttons .button-1{margin:0 calc(10px/2) 0 0;color:#000000;background-color:#FFFFFF;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-buttons .button-2{margin:0 0 0 calc(10px/2);color:#FFFFFF;background-color:#943FF8;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-buttons .button-1:hover{color:#FFFFFF;background-color:#47B7F0;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-buttons .button-2:hover{color:#000000;background-color:#F5E897;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-prev{font-size:24px;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-next{font-size:24px;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-prev, .elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-next{color:#FFFFFF;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-prev:hover, .elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-next:hover{color:#FFFFFF96;}.elementor-16764 .elementor-element.elementor-element-17398d6{--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-16764 .elementor-element.elementor-element-fa33c36{--display:flex;}.elementor-16764 .elementor-element.elementor-element-154bf8d{--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-16764 .elementor-element.elementor-element-f5f6ffe{--display:flex;}.elementor-16764 .elementor-element.elementor-element-9cb913c{--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-16764 .elementor-element.elementor-element-d8ba6f2{--display:flex;}.elementor-16764 .elementor-element.elementor-element-43f59bf{--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-16764 .elementor-element.elementor-element-07cb482{--display:flex;}.elementor-16764 .elementor-element.elementor-element-b3a791c{--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-16764 .elementor-element.elementor-element-46ca217{--display:flex;}.elementor-16764 .elementor-element.elementor-element-323a45b{--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-16764 .elementor-element.elementor-element-1a70835{--display:flex;}.elementor-16764 .elementor-element.elementor-element-46ccf21{--display:flex;}.elementor-16764 .elementor-element.elementor-element-b9c15fc{--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-16764 .elementor-element.elementor-element-b3081a8 img{width:30%;}.elementor-16764 .elementor-element.elementor-element-2ae730d{--display:flex;}.elementor-16764 .elementor-element.elementor-element-6691807{--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-16764 .elementor-element.elementor-element-11a9d6c img{width:30%;}.elementor-16764 .elementor-element.elementor-element-202052f{--display:flex;}.elementor-16764 .elementor-element.elementor-element-ef689a1{--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-16764 .elementor-element.elementor-element-e8397a5 img{width:30%;}.elementor-16764 .elementor-element.elementor-element-7923348{--display:flex;}.elementor-16764 .elementor-element.elementor-element-40896bf{--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-16764 .elementor-element.elementor-element-a775ad4 img{width:30%;}.elementor-16764 .elementor-element.elementor-element-e281e4d{--display:flex;}.elementor-16764 .elementor-element.elementor-element-b488bd8{--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-16764 .elementor-element.elementor-element-aae5063 img{width:30%;}.elementor-16764 .elementor-element.elementor-element-75cdeab{--e-n-carousel-swiper-slides-to-display:5;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}:root{--page-title-display:none;}@media(min-width:769px){.elementor-16764 .elementor-element.elementor-element-212aee7{--width:50%;}.elementor-16764 .elementor-element.elementor-element-28392f0{--width:50%;}}@media(max-width:1024px){.elementor-16764 .elementor-element.elementor-element-562a58e::before, .elementor-16764 .elementor-element.elementor-element-562a58e > .elementor-background-video-container::before, .elementor-16764 .elementor-element.elementor-element-562a58e > .e-con-inner > .elementor-background-video-container::before, .elementor-16764 .elementor-element.elementor-element-562a58e > .elementor-background-slideshow::before, .elementor-16764 .elementor-element.elementor-element-562a58e > .e-con-inner > .elementor-background-slideshow::before, .elementor-16764 .elementor-element.elementor-element-562a58e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-wrapper{height:45vh;}.elementor-16764 .elementor-element.elementor-element-75cdeab{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:768px){.elementor-16764 .elementor-element.elementor-element-562a58e::before, .elementor-16764 .elementor-element.elementor-element-562a58e > .elementor-background-video-container::before, .elementor-16764 .elementor-element.elementor-element-562a58e > .e-con-inner > .elementor-background-video-container::before, .elementor-16764 .elementor-element.elementor-element-562a58e > .elementor-background-slideshow::before, .elementor-16764 .elementor-element.elementor-element-562a58e > .e-con-inner > .elementor-background-slideshow::before, .elementor-16764 .elementor-element.elementor-element-562a58e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-16764 .elementor-element.elementor-element-d730328 .ha-gradient-heading{font-size:48px;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-wrapper{height:60vh;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-content{width:70%;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-buttons .button-1{margin:0 0 calc(0px/2) 0;}.elementor-16764 .elementor-element.elementor-element-dfaadb5 .ha-slider-buttons .button-2{margin:calc(0px/2) 0 0 0;}.elementor-16764 .elementor-element.elementor-element-75cdeab{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for wd_nested_carousel, class: .elementor-element-d241ff1 *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46ccf21 *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ae730d *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-202052f *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7923348 *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e281e4d *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46ccf21 *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ae730d *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-202052f *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7923348 *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e281e4d *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46ccf21 *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ae730d *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-202052f *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7923348 *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e281e4d *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46ccf21 *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ae730d *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-202052f *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7923348 *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e281e4d *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46ccf21 *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ae730d *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-202052f *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7923348 *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e281e4d *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46ccf21 *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ae730d *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-202052f *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7923348 *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e281e4d *//* استایل کلی برای کروسل */
.elementor-carousel {
    /* ممکن است نیاز به تنظیماتی برای عرض و ارتفاع کلی داشته باشید */
}

/* استایل برای هر اسلاید */
.elementor-carousel .elementor-slide {
    display: flex; /* استفاده از فلکس‌باکس برای چیدمان */
    flex-direction: column; /* چیدمان عمودی */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن افقی */
    text-align: center; /* تراز متن */
    padding: 20px; /* فاصله داخلی */
    background: #ffffff; /* پس‌زمینه سفید برای کارت */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* سایه ظریف */
    margin: 15px; /* فاصله خارجی بین اسلایدها */
    overflow: hidden; /* برای جلوگیری از بیرون زدن محتوا */
}

/* استایل برای عکس در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* گوشه گرد برای عکس */
    margin-bottom: 15px; /* فاصله زیر عکس */
}

/* استایل برای عنوان در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* استایل برای متن توضیحات در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-image-box-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* استایل برای دکمه در اسلاید اول */
.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button {
    background-color: #007bff; /* رنگ دکمه - می‌توانید تغییر دهید */
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: inline-block; /* اطمینان از اینکه دکمه به درستی نمایش داده می‌شود */
}

.elementor-carousel .elementor-slide:first-child .elementor-widget-button .elementor-button:hover {
    background-color: #0056b3; /* رنگ دکمه در حالت هاور */
}

/* استایل برای عکس در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-img img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* استایل برای عنوان در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* پنهان کردن دکمه و متن توضیحات اضافی در اسلایدهای بعدی */
.elementor-carousel .elementor-slide:not(:first-child) .elementor-image-box-description,
.elementor-carousel .elementor-slide:not(:first-child) .elementor-widget-button {
    display: none;
}

/* تنظیمات برای ظاهر کلی کروسل مانند عکس */
.elementor-carousel-wrapper { /* این کلاس ممکن است متفاوت باشد */
    position: relative;
}

.elementor-carousel-indicators { /* نقطه های ناوبری */
    bottom: -30px;
}

.elementor-carousel-arrow { /* فلش های ناوبری */
    color: #007bff; /* رنگ فلش ها */
}

/* استایل برای پس زمینه موج دار */
.page-wrapper { /* یا هر کانتینر اصلی صفحه شما */
    background-image: url('YOUR_WAVE_BACKGROUND_URL'); /* لینک عکس پس زمینه موج دار را اینجا قرار دهید */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}/* End custom CSS */