.elementor-645 .elementor-element.elementor-element-56cd9d0{--display:flex;}.elementor-645 .elementor-element.elementor-element-a6130ba{--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-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-645 .elementor-element.elementor-element-1441f8e{width:var( --container-widget-width, 20% );max-width:20%;background-color:#EE193A40;padding:8px 8px 8px 8px;--container-widget-width:20%;--container-widget-flex-grow:0;border-radius:15px 15px 15px 15px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-645 .elementor-element.elementor-element-1441f8e .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-645 .elementor-element.elementor-element-1441f8e .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-645 .elementor-element.elementor-element-1441f8e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-645 .elementor-element.elementor-element-1441f8e .elementor-icon-list-item > a{font-family:"Estedad-FD", Estedad-FD;font-size:14px;font-weight:800;}.elementor-645 .elementor-element.elementor-element-1441f8e .elementor-icon-list-text{color:var( --e-global-color-accent );transition:color 0.3s;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1f11e11 *//* ========== عمومی و دکمه‌ها ========== */ .site-logo { width: 218.33px !important; margin-right: 50px; } .btn { border-radius: 5px; font-weight: 600; font-size: 14px; padding: 14px 30px; cursor: pointer; } .btn-theme { background: var(--theme-color1); color: #212121; } .btn-outline-white { color: #fff; background-color: rgba(255, 255, 255, 0.1); border-width: 2px; border-color: #fff; transition: all 0.2s; } .btn-outline-white:hover { background-color: #fff; color: var(--text-dark); } /* ========== ساختار اصلی بخش Testimonial ========== */ .testimonial-section { display: flex; justify-content: space-between; align-items: stretch; width: 100%; } .testi-user-img { width: 40%; } .user-saying { width: 60%; background: #EE193A; color: #fff; border-radius: 26px; position: relative; } .swiper-container.testimonial { height: 350px; position: relative; } .testimonial-section .quote { width: 75%; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 60px 100px; } .testimonial-section .quote p { font-family: 'Estedad-FD'; font-size: 16px; font-weight: 600; line-height: 1.8; font-style: italic; margin: 0; } .testimonial .name { font-family: 'Estedad-FD'; font-weight: bold; font-size: 18px; line-height: 35px; text-align: left; } .testimonial .designation { font-family: 'Estedad-FD'; font-size: 14px; color: #fff; opacity: 0.65; text-align: left; } .quote-icon { width: 38px !important; display: block; margin-bottom: 30px; } /* ========== اسلایدر تصاویر ========== */ .gallery-thumbs { height: 100%; } .gallery-thumbs .swiper-wrapper { align-items: center; } .gallery-thumbs .swiper-slide { width: 250px !important; height: 330px; position: relative; } .gallery-thumbs .swiper-slide img { width: 100%; height: 100%; object-fit: cover; filter: contrast(0.5) blur(1px); border-radius: 10px; } .gallery-thumbs .swiper-slide-active img { filter: contrast(1) blur(0px) !important; } .swiper-pagination { position: absolute !important; top: 50% !important; right: 10px !important; transform: translateY(-50%) !important; display: flex !important; flex-direction: column !important; gap: 10px; z-index: 10; } .swiper-pagination-bullet { background: #fff !important; opacity: 0.4; width: 10px; height: 10px; transition: all 0.3s ease; } .swiper-pagination-bullet-active { opacity: 1; transform: scale(1.2); } /* ========== فقط برای موبایل ========== */ @media only screen and (max-width: 768px) { /* ساختار کلی به صورت ستونی */ .testimonial-section { flex-direction: column; align-items: center; } /* متن و عکس عرض کامل */ .user-saying, .testi-user-img { width: 100% !important; } /* متن بالا */ .user-saying { order: 1; padding: 20px; border-radius: 20px; } /* عکس پایین */ .testi-user-img { order: 2; margin-top: -30px; } /* اسلایدر متن ارتفاع اتوماتیک */ .swiper-container.testimonial { height: auto !important; } /* باکس نقل قول */ .testimonial-section .quote { width: 100% !important; padding: 15px !important; text-align: center !important; } .testimonial-section .quote p { font-size: 14px !important; text-align: center; } .testimonial .name, .testimonial .designation { text-align: center !important; } .quote-icon { display: block; margin: 0 auto 15px; } /* مرکز کردن اسلایدر عکس‌ها در موبایل */ .gallery-thumbs { display: flex; justify-content: center; } /* استایل اسلایدر تصاویر در موبایل */ .gallery-thumbs .swiper-slide { width: 140px !important; height: 180px !important; transition: all 0.3s ease; } /* عکس فعال در موبایل - بلندتر و واضح‌تر */ .gallery-thumbs .swiper-slide-active { transform: scale(1.1); height: 220px !important; z-index: 2; } .gallery-thumbs .swiper-slide-active img { filter: contrast(1) blur(0px) !important; } /* استایل pagination به صورت عمودی کنار متن */ .swiper-pagination { position: absolute !important; top: 50% !important; right: -4px !important; transform: translateY(-50%) !important; display: flex !important; flex-direction: column !important; gap: 10px; z-index: 10; } .swiper-pagination-bullet { background: #fff !important; opacity: 0.4; width: 10px; height: 10px; transition: all 0.3s ease; } .swiper-pagination-bullet-active { opacity: 1; transform: scale(1.2); } }/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-1441f8e */.elementor-645 .elementor-element.elementor-element-1441f8e .elementor-icon-list-items{
    height: 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.elementor-645 .elementor-element.elementor-element-1441f8e .elementor-icon-list-item {
    position: absolute;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease;
}
.elementor-645 .elementor-element.elementor-element-1441f8e .elementor-icon-list-item.active {
    opacity: 1;
    transform: translateY(0);
}
.elementor-645 .elementor-element.elementor-element-1441f8e .elementor-icon-list-item.exit {
    opacity: 0;
    transform: translateY(-20px);
}/* End custom CSS */