.elementor-2464 .elementor-element.elementor-element-5fc8214{--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-2464 .elementor-element.elementor-element-02ce901{--display:flex;--position:absolute;--min-height:25vh;--gap:0px 0px;--background-transition:0.3s;top:0px;}.elementor-2464 .elementor-element.elementor-element-02ce901:not(.elementor-motion-effects-element-type-background), .elementor-2464 .elementor-element.elementor-element-02ce901 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ramanfekr.ir/wp-content/uploads/2024/08/AboutUs.jpg");background-position:0px -250px;background-repeat:no-repeat;background-size:cover;}.elementor-2464 .elementor-element.elementor-element-02ce901, .elementor-2464 .elementor-element.elementor-element-02ce901::before{--border-transition:0.3s;}body:not(.rtl) .elementor-2464 .elementor-element.elementor-element-02ce901{left:0px;}body.rtl .elementor-2464 .elementor-element.elementor-element-02ce901{right:0px;}.elementor-2464 .elementor-element.elementor-element-4869480{--display:flex;--background-transition:0.3s;}.elementor-2464 .elementor-element.elementor-element-2517582{--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-2464 .elementor-element.elementor-element-5e3f760{--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-2464 .elementor-element.elementor-element-5e3f760.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2464 .elementor-element.elementor-element-79c11e0{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-2464 .elementor-element.elementor-element-79c11e0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2464 .elementor-element.elementor-element-79c11e0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2464 .elementor-element.elementor-element-dfc351f{--display:flex;--background-transition:0.3s;}.elementor-2464 .elementor-element.elementor-element-aae32e3{--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-2464 .elementor-element.elementor-element-1be057b{--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-2464 .elementor-element.elementor-element-1be057b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2464 .elementor-element.elementor-element-d9c314d{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-2464 .elementor-element.elementor-element-d9c314d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2464 .elementor-element.elementor-element-2e62dbe{--display:flex;--background-transition:0.3s;}.elementor-2464 .elementor-element.elementor-element-6b1c6da{--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-2464 .elementor-element.elementor-element-9b934ec{--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-2464 .elementor-element.elementor-element-9b934ec.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2464 .elementor-element.elementor-element-1ff107d{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-2464 .elementor-element.elementor-element-1ff107d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2464 .elementor-element.elementor-element-69069d5{--display:flex;--background-transition:0.3s;}.elementor-2464 .elementor-element.elementor-element-9c5545c{--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-2464 .elementor-element.elementor-element-ada5104{--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-2464 .elementor-element.elementor-element-ada5104.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2464 .elementor-element.elementor-element-16bc8e4{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-2464 .elementor-element.elementor-element-16bc8e4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2464 .elementor-element.elementor-element-f3e7549{--display:flex;--background-transition:0.3s;}.elementor-2464 .elementor-element.elementor-element-85b5006{--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-2464 .elementor-element.elementor-element-629ab48{--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-2464 .elementor-element.elementor-element-629ab48.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2464 .elementor-element.elementor-element-fe0884e{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-2464 .elementor-element.elementor-element-fe0884e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2464 .elementor-element.elementor-element-a662be6{--display:flex;--background-transition:0.3s;}.elementor-2464 .elementor-element.elementor-element-8cdca17{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--background-transition:0.3s;}@media(min-width:768px){.elementor-2464 .elementor-element.elementor-element-5e3f760{--width:0%;}.elementor-2464 .elementor-element.elementor-element-1be057b{--width:100%;}.elementor-2464 .elementor-element.elementor-element-9b934ec{--width:100%;}.elementor-2464 .elementor-element.elementor-element-ada5104{--width:100%;}.elementor-2464 .elementor-element.elementor-element-629ab48{--width:100%;}}@media(max-width:1024px){.elementor-2464 .elementor-element.elementor-element-02ce901:not(.elementor-motion-effects-element-type-background), .elementor-2464 .elementor-element.elementor-element-02ce901 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-2464 .elementor-element.elementor-element-02ce901:not(.elementor-motion-effects-element-type-background), .elementor-2464 .elementor-element.elementor-element-02ce901 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for container, class: .elementor-element-5fc8214 *//* تنظیمات کلی برای کانتینر aboutUs */
.aboutUs {
   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; /* تنظیم برای شروع از بالای صفحه */
}
.aboutUsImage {
    width: 100vw !important; /* عرض کامل viewport */
    height: 40vh !important; /* 40 درصد ارتفاع viewport */
    position: relative !important; /* موقعیت نسبی برای جایگذاری دقیق */
    overflow: hidden !important; /* جلوگیری از خروج تصویر از کانتینر */
    margin: 0 !important; /* حذف هرگونه حاشیه */
    padding: 0 !important; /* حذف هرگونه فاصله داخلی */
}

.aboutUsImage img {
    position: absolute !important; /* موقعیت مطلق برای کنترل بهتر */
    top: 45% !important; /* قرار دادن تصویر در مرکز محور عمودی */
    left: 45% !important; /* قرار دادن تصویر در مرکز محور افقی */
    transform: translate(-50%, -50%) !important; /* انتقال تصویر به مرکز کانتینر */
    width: 100% !important; /* عرض تصویر برابر با عرض کامل صفحه */
    height: auto !important; /* حفظ نسبت ابعاد */
    object-fit: cover !important; /* تصویر به صورت کامل کانتینر را پوشش دهد */
    object-position: center !important; /* مرکز تصویر نمایش داده شود */
    display: block !important; /* حذف فضای اضافی زیر تصویر */
}
.elementor-widget-heading .elementor-heading-title{
    color: #D4E7EA !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-top: 20px !important; /* فاصله از بخش قبلی */
   margin: 15px auto !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:60% !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 */
}

/* تنظیمات برای ستون تصویر در بخش "معرفی" */
.introImage {
   width: 40% !important; /* اندازه ستون تصویر */
   display: flex !important;
   justify-content: space-evently !important;
   align-items: center !important;
   text-align: center !important;
   padding-right:  30px !important;
}

/* تنظیمات برای خود تصویر در بخش "معرفی" */
.inteoContentImage {
   max-width: 100% !important;
   max-height: 100% !important;
   height: auto !important;
   margin: auto !important; /* تنظیم مارجین خودکار برای تراز کردن در مرکز */
}

/* تنظیمات کلی برای کانتینر بخش "Service" */
.serviceSection {
    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-top: 0px !important; /* فاصله از بخش قبلی */
   margin: 0px auto !important;
}

/* تنظیمات برای هدر بخش "Service" */
.serviceHeader {
   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; /* تراز کردن هدر به وسط */
}

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

/* تنظیمات برای ستون متن در بخش "Service" */
.serviceText {
   width: 60% !important; /* اندازه ستون متن */
   padding:0px 20px !important;
}

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

/* تنظیمات برای ستون تصویر در بخش "Service" */
.service-image {
   width: 40% !important; /* اندازه ستون تصویر */
   display: flex !important;
   justify-content: space-evently !important;
   align-items: center !important;
   text-align: center !important;
   padding-right:  30px !important;
}

/* تنظیمات برای خود تصویر در بخش "Service" */
.serviceContentImage {
   max-width: 100% !important;
   max-height: 100% !important;
   height: auto !important;
   margin: auto !important; /* تنظیم مارجین خودکار برای تراز کردن در مرکز */
}

/* تنظیمات کلی برای کانتینر بخش "Activity" */
.activitySection {
   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-top: 0px !important; /* فاصله از بخش قبلی */
   margin: 0px auto !important;
   margin-bottom: 10px !important;
}

/* تنظیمات برای هدر بخش "Activity" */
.activityHeader {
   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; /* تراز کردن هدر به وسط */
}

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

/* تنظیمات برای ستون متن در بخش "Activity" */
.activityText {
   width: 100% !important; /* اندازه ستون متن */
   padding: 20px !important;
}

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

/* تنظیمات برای اکتیویتی */
.activity-widget .elementor-accordion .elementor-tab-title {
    background-color: #005a87 !important;
    color: #fff !important;
    padding: 15px !important;
    font-size: 16px !important; /* افزایش اندازه فونت به 16px */
    font-weight: normal !important;
    cursor: pointer !important;
    border-bottom: 1px solid #ddd !important;
    transition: background-color 0.3s ease !important;
    border-radius: 4px !important;
    margin-bottom: 5px !important;
}



.elementor-active .elementor-accordion-title {
   color: #236972  !important; /* تغییر رنگ پس‌زمینه هنگام هاور */
}
.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{
    fill: #236972  !important; /* تغییر رنگ پس‌زمینه هنگام هاور */
}
.activity-widget .elementor-accordion .elementor-tab-content {
    padding: 15px !important; /* افزایش فاصله داخلی */
    background-color: #fff !important;
    color: #333 !important; /* اصلاح رنگ متن به #333 */
    font-size: 14px !important; /* افزایش اندازه فونت به 14px */
    line-height: 1.6 !important; /* افزایش ارتفاع خط برای خوانایی بهتر */
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    display: block !important; /* همه آکاردئون‌ها باز باشند */
    visibility: visible !important;
    height: auto !important;
    opacity: 1 !important;
}
.activity-widget .elementor-accordion .elementor-tab-title.elementor-active {
    background-color: #ffffff !important; /* رنگ آبی تیره برای هدر فعال */
    color: #ffffff !important; /* رنگ متن هدر فعال */
}
/* کلاس برای کانتینر اصلی */
.accordionContent-container {
    display: flex;
    height: auto !important;
    align-items: center; /* تنظیم تصویر و متن در مرکز محور عمودی */
    justify-content: space-evently; /* فاصله تصویر و متن در ابتدای محور افقی */
    gap: 30px; /* فاصله بین تصویر و لیست */
}

/* کلاس برای تصویر در سمت چپ */
.accordionContent-image {
    flex: 0 0 35%; /* تصویر 35 درصد از عرض صفحه را می‌گیرد */
    max-height: 100%; /* ارتفاع تصویر نمی‌تواند از ارتفاع متن بیشتر شود */
    display: flex;
    align-items: center;
    justify-content: space-evently;
}

.accordionContent-image img {
    width: 100%; /* تصویر 35 درصد از عرض کانتینر را می‌گیرد */
    max-height: 100%; /* تصویر نمی‌تواند از ارتفاع متن بیشتر شود */
    object-fit: contain; /* تصویر را با حفظ نسبت ابعاد درون کانتینر قرار می‌دهد */
    display: block;
}

/* کلاس برای لیست اصلی در سمت راست */
.accordionContent-list {
    padding: 0;
    margin: 0;
}

/* کلاس برای آیتم‌های لیست */
.accordionContent-list-item {
    font-size: 16px;
    color: #333;
    margin:0px 20px 0px 20px; /* فاصله بین آیتم‌های لیست */
}
/* تنظیمات برای کانتینر تصاویر */
.image-connection {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important; /* اجازه می‌دهد تصاویر به سطرهای جدید منتقل شوند */
    justify-content:space-evenly !important; /* تصاویر با فاصله مساوی از هم قرار می‌گیرند */
    gap: 20px !important; /* فاصله بین تصاویر */
    margin: 0 auto !important; /* تصاویر را به صورت افقی در مرکز قرار می‌دهد */
}
.connection-image2 {
    width: calc(100% - 20px); /* هر تصویر 33.33% از عرض صفحه را می‌گیرد، با احتساب فاصله بین تصاویر */
    height: auto;
    object-fit: contain;
}
/* تنظیمات برای تصاویر */
.connection-image {
    width: calc(100% - 20px); /* هر تصویر 33.33% از عرض صفحه را می‌گیرد، با احتساب فاصله بین تصاویر */
    height: auto;
    object-fit: contain;
}
@media (max-width: 1024px) {
    .connection-image {
        width: calc(100% - 20px);
/* هر تصویر 100% از عرض صفحه را می‌گیرد */
    }
    
}
/* تنظیمات برای حالت موبایل */
@media (max-width: 768px) {
    .connection-image {
        width: 100%; /* هر تصویر 100% از عرض صفحه را می‌گیرد */
    }
     
}

@media (max-width: 480px) {
.aboutUsImage {
    
    height: 20vh !important; /* 40 درصد ارتفاع viewport */
    
}
    .accordionContent-container {
   flex-direction: column;
}
}/* End custom CSS */