.elementor-1264 .elementor-element.elementor-element-c385605{--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;--background-transition:0.3s;}.elementor-1264 .elementor-element.elementor-element-be76e72{--display:flex;--min-height:0vh;--background-transition:0.3s;}.elementor-1264 .elementor-element.elementor-element-be76e72:not(.elementor-motion-effects-element-type-background), .elementor-1264 .elementor-element.elementor-element-be76e72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ramanfekr.ir/wp-content/uploads/2024/08/AboutUs.jpg");background-position:0px -150px;background-size:cover;}.elementor-1264 .elementor-element.elementor-element-be76e72, .elementor-1264 .elementor-element.elementor-element-be76e72::before{--border-transition:0.3s;}.elementor-1264 .elementor-element.elementor-element-1bbd971{--display:flex;--background-transition:0.3s;}.elementor-1264 .elementor-element.elementor-element-94d4337 .elementor-heading-title{color:#D4E7EA;}.elementor-1264 .elementor-element.elementor-element-bb58ae6{--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;--background-transition:0.3s;}.elementor-1264 .elementor-element.elementor-element-f2e5482{--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;--background-transition:0.3s;}.elementor-1264 .elementor-element.elementor-element-2e2b1b2{width:var( --container-widget-width, 131.19% );max-width:131.19%;--container-widget-width:131.19%;--container-widget-flex-grow:0;}.elementor-1264 .elementor-element.elementor-element-2e2b1b2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1264 .elementor-element.elementor-element-6ccf270{--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;--background-transition:0.3s;}.elementor-1264 .elementor-element.elementor-element-29f7601{--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;--background-transition:0.3s;}.elementor-1264 .elementor-element.elementor-element-e1800bb{--display:flex;--background-transition:0.3s;}.elementor-1264 .elementor-element.elementor-element-eaa9653 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1264 .elementor-element.elementor-element-9a395eb > .elementor-widget-container{margin:-15px 0px -15px 0px;}.elementor-1264 .elementor-element.elementor-element-0e74eb7 .elementor-button{fill:var( --e-global-color-4c90f22 );color:var( --e-global-color-4c90f22 );border-style:none;}.elementor-1264 .elementor-element.elementor-element-cfc3557{--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;--background-transition:0.3s;}.elementor-1264 .elementor-element.elementor-element-8700397{--display:flex;--background-transition:0.3s;}.elementor-1264 .elementor-element.elementor-element-4727120 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1264 .elementor-element.elementor-element-d4f20e3 > .elementor-widget-container{margin:-15px 0px -15px 0px;}.elementor-1264 .elementor-element.elementor-element-3d9db15 .elementor-button{fill:var( --e-global-color-4c90f22 );color:var( --e-global-color-4c90f22 );border-style:none;}.elementor-1264 .elementor-element.elementor-element-843081f{--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;--background-transition:0.3s;}.elementor-1264 .elementor-element.elementor-element-54cb97b{--display:flex;--background-transition:0.3s;}.elementor-1264 .elementor-element.elementor-element-e5d05bc > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1264 .elementor-element.elementor-element-7a85623 > .elementor-widget-container{margin:-15px 0px -15px 0px;}.elementor-1264 .elementor-element.elementor-element-23f09b7 .elementor-button{fill:var( --e-global-color-4c90f22 );color:var( --e-global-color-4c90f22 );border-style:none;}.elementor-1264 .elementor-element.elementor-element-649edf2{--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;--background-transition:0.3s;}.elementor-1264 .elementor-element.elementor-element-bd1f61b{--display:flex;--background-transition:0.3s;}.elementor-1264 .elementor-element.elementor-element-f37404e > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1264 .elementor-element.elementor-element-714e1cc > .elementor-widget-container{margin:-15px 0px -15px 0px;}.elementor-1264 .elementor-element.elementor-element-8b3d181 .elementor-button{fill:var( --e-global-color-4c90f22 );color:var( --e-global-color-4c90f22 );border-style:none;}.elementor-1264 .elementor-element.elementor-element-c7e2dfd{--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;--background-transition:0.3s;}.elementor-1264 .elementor-element.elementor-element-c5152ba{--display:flex;--background-transition:0.3s;}.elementor-1264 .elementor-element.elementor-element-b5a4d1b > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1264 .elementor-element.elementor-element-3c2ec64 > .elementor-widget-container{margin:-15px 0px -15px 0px;}.elementor-1264 .elementor-element.elementor-element-9e5b242 .elementor-button{fill:var( --e-global-color-4c90f22 );color:var( --e-global-color-4c90f22 );border-style:none;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1264 .elementor-element.elementor-element-f2e5482{--width:100%;}.elementor-1264 .elementor-element.elementor-element-29f7601{--width:50%;}.elementor-1264 .elementor-element.elementor-element-cfc3557{--width:50%;}.elementor-1264 .elementor-element.elementor-element-843081f{--width:50%;}.elementor-1264 .elementor-element.elementor-element-649edf2{--width:50%;}.elementor-1264 .elementor-element.elementor-element-c7e2dfd{--width:50%;}}@media(max-width:1024px){.elementor-1264 .elementor-element.elementor-element-be76e72:not(.elementor-motion-effects-element-type-background), .elementor-1264 .elementor-element.elementor-element-be76e72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-1264 .elementor-element.elementor-element-be76e72:not(.elementor-motion-effects-element-type-background), .elementor-1264 .elementor-element.elementor-element-be76e72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for container, class: .elementor-element-1bbd971 *//* تنظیمات کلی برای کانتینر بخش "معرفی" */
.intro-section {
    padding: 20px !important;
    background-color: #f9f9f9 !important; /* رنگ پس‌زمینه کلی بخش معرفی */
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

/* تنظیمات برای هدر بخش "معرفی" */
.intro_header {
    font-size: 32px !important;
    color: #0073aa !important; /* رنگ تیتر */
    font-weight: bold !important;
    background-color: #e0f7fa !important; /* رنگ پس‌زمینه هدر */
    padding: 15px !important;
    border-radius: 4px !important;
    margin-bottom: 20px !important;
    text-align: center !important; /* تراز کردن هدر به وسط */
}

/* تنظیمات برای کانتینر محتوای بخش "معرفی" */
.intro_content {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* تنظیمات برای ستون متن در بخش "معرفی" */
.intro-text {
    width: 60% !important; /* اندازه ستون متن */
    padding-right: 20px !important;
}

/* تنظیمات برای متن در بخش "معرفی" */
.inteo-content-text {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #333 !important;
    font-family: 'IRANSans', Arial, sans-serif !important;
}

/* تنظیمات برای ستون تصویر در بخش "معرفی" */
.intro-image {
    width: 40% !important; /* اندازه ستون تصویر */
    text-align: left !important;
}

/* تنظیمات برای خود تصویر در بخش "معرفی" */
.inteo-content-image {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c385605 *//* استایل کلی برای بخش محصولات */
.product-section {
    width: 100vw !important;
    min-height: 100vh !important; /* حداقل ارتفاع صفحه */
    background-color: #D4E7EA !important; /* آبی روشن */
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #333 !important;
    margin: 0 !important; /* حذف فاصله خارجی */
    padding: 0 !important; /* حذف فاصله داخلی */
    box-sizing: border-box !important;
    position: relative !important;
    top: 0 !important; /* تنظیم برای شروع از بالای صفحه */
    text-align: center !important;
}

.productImage {
    width: 100vw !important; /* عرض کامل viewport */
    height: 45vh !important; /* 40 درصد ارتفاع viewport */
    position: relative !important; /* موقعیت نسبی برای جایگذاری دقیق */
    overflow: hidden !important; /* جلوگیری از خروج تصویر از کانتینر */
    margin: 0px !important; /* حذف هرگونه حاشیه */
    padding: 0px !important; /* حذف هرگونه فاصله داخلی */
}

.productImage img {
    position: absolute !important; /* موقعیت مطلق برای کنترل بهتر */
    top: 45% !important; /* قرار دادن تصویر در مرکز محور عمودی */
    left: 45% !important; /* قرار دادن تصویر در مرکز محور افقی */
    transform: translate(-50%, -50%) !important; /* انتقال تصویر به مرکز کانتینر */
    width: 100% !important; /* عرض تصویر برابر با عرض کامل صفحه */
    height: auto !important; /* حفظ نسبت ابعاد */
    object-fit: contain !important; /* تصویر به صورت کامل کانتینر را پوشش دهد */
    object-position: center !important; /* مرکز تصویر نمایش داده شود */
    display: block !important; /* حذف فضای اضافی زیر تصویر */
}

/* استایل برای تیتر محصولات */
.product-section .product-header {
    font-size: 48px !important;
    color: #D4E7EA !important; /* تغییر رنگ متن به سفید برای دیده شدن روی تصویر */
    margin-bottom: 0 !important;
    font-weight: bold !important;
    position: absolute !important;/* قرار دادن تیتر به صورت مطلق روی تصویر */
    top: 100px !important; /* فاصله تیتر از بالای تصویر */
    left: 100px !important; /* فاصله تیتر از سمت راست تصویر */
    z-index: 10 !important;/* قرار دادن تیتر در بالای تصویر */
}

/* تنظیمات بخش معرفی */
.introSection {
    width: 90% !important;
    padding: 20px !important;
    background-color: #f9f9f9 !important; /* رنگ پس‌زمینه کلی بخش معرفی */
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    margin: 0px auto !important;
    margin-bottom: 20px !important;
}

/* تنظیمات برای هدر بخش "معرفی" */
.introHeader {
    font-size: 32px !important;
    color: #D4E7EA !important; /* رنگ تیتر */
    font-weight: bold !important;
    background-color: #236972 !important; /* رنگ پس‌زمینه هدر */
    padding: 15px !important;
    border-radius: 4px !important;
    margin-bottom: 0px !important;
    text-align: center !important; /* تراز کردن هدر به وسط */
}

/* تنظیمات برای کانتینر محتوای بخش "معرفی" */
.introContent {
    display: flex !important;
    justify-content: space-evenly !important;
    align-items: center !important;
    padding: 0px !important;
    margin: 0px !important;
}

/* تنظیمات برای ستون متن در بخش "معرفی" */
.intro-text {
    width: 100% !important; /* اندازه ستون متن */
    padding: 0px !important;
}

/* تنظیمات برای متن در بخش "معرفی" */
.introContentText {
    font-size: 16px !important; /* اندازه فونت به 16px */
    line-height: 1.5 !important; /* افزایش ارتفاع خط برای بهبود خوانایی */
    color: #333 !important;
    font-weight: 400 !important; /* حذف ویژگی bold */
    text-align: justify !important; /* تراز کردن متن به صورت justify */
}

/* کانتینر کارت‌ها */
.product-card-container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-evenly !important;
    gap: 20px; /* فاصله بین کارت‌ها */
}

/* استایل برای هر کارت محصول */
.product-card {
    display: flex !important;
    justify-content: space-between !important;
    background-color: #D4E7EA !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;
    width: 100% !important; /* عرض پیش‌فرض */
    max-width: 480px !important; /* عرض حداکثر کوچکتر شده */
    text-align: center !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.product-card:hover {
    transform: translateY(-5px) scale(1.03) !important; /* جابجایی و زوم کارت */
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important; /* افزایش سایه در حالت هاور */
}

/* فاصله 10 پیکسل بین تصویر و لبه کارت */
.product-card-image {
    width: calc(100% - 0px) !important; /* کاهش عرض تصویر برای ایجاد فاصله */
    overflow: hidden !important;
    position: relative !important;
    margin: 0px auto !important; /* افزودن فاصله 10 پیکسل در اطراف تصویر */
    
}

.product-card-image img {
    width: 100% !important;
    height: 100% !important;
    transition: transform 0.3s ease !important;
    display: block !important;
    object-position: center !important; /* مرکز کردن تصویر در داخل کادر */
    
  
}

/* افکت هاور با زوم بدون خروج از کادر */
.product-card:hover .product-card-image img {
    transform: scale(1.0) !important;
    object-position: center !important; /* اطمینان از اینکه تصویر در کادر باقی می‌ماند */
}

/* تغییر استایل برای تیتر کارت */
.product-card-text  {
    font-size: 20px !important; /* افزایش اندازه تیتر */
    color: #236972  !important; /* تغییر رنگ تیتر */
    font-weight: bold !important; /* ضخامت تیتر */
    letter-spacing: 1px !important; /* ایجاد فاصله بین حروف */
    margin: 0px 0 0px 0px !important; /* تنظیم فاصله مناسب بین تیتر و تصویر */
}

/* متن توضیح کارت */
.product-card-description {
    font-size: 14px !important;
    color: #333 !important;
    line-height: 1.5 !important;
    text-align: justify !important;
    padding: 0px 10px 0px 10px !important; /* فاصله داخلی برای متن توضیح */
    min-height: 80px !important; /* برای اطمینان از اینکه کارت ها یک اندازه می‌مانند */
    margin-top: 0px !important; /* فاصله بین تیتر و توضیحات */
}
.btn_moreInfo {
   
    border: none; /* حذف حاشیه دکمه */
    border-radius: 4px; /* گرد کردن گوشه‌های دکمه */
    cursor: pointer; /* نمایش نشانگر اشاره برای دکمه */
}
/* مدیا کوئری برای تنظیم تعداد کارت‌ها بر اساس اندازه صفحه نمایش */
@media (min-width: 768px) {
    .product-card {
        flex: 0 0 45% !important;  /* دو کارت در هر سطر در صفحات متوسط */
    }
}

@media (min-width: 1024px) {
    .product-card {
        flex: 0 0 22% !important ; /* چهار کارت در هر سطر در صفحات بزرگ */
    }
}
@media (max-width: 480px) {
.productImage {
    
    height: 20vh !important; /* 40 درصد ارتفاع viewport */
    
}
    
}/* End custom CSS */