.elementor-2494 .elementor-element.elementor-element-08849fd{--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-2494 .elementor-element.elementor-element-d698c6a{--display:flex;--position:absolute;--min-height:25vh;--gap:0px 0px;--background-transition:0.3s;top:0px;}.elementor-2494 .elementor-element.elementor-element-d698c6a:not(.elementor-motion-effects-element-type-background), .elementor-2494 .elementor-element.elementor-element-d698c6a > .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-2494 .elementor-element.elementor-element-d698c6a, .elementor-2494 .elementor-element.elementor-element-d698c6a::before{--border-transition:0.3s;}body:not(.rtl) .elementor-2494 .elementor-element.elementor-element-d698c6a{left:0px;}body.rtl .elementor-2494 .elementor-element.elementor-element-d698c6a{right:0px;}.elementor-2494 .elementor-element.elementor-element-334a867{--display:flex;--background-transition:0.3s;}.elementor-2494 .elementor-element.elementor-element-a0a2109{--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-2494 .elementor-element.elementor-element-47c7207{--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-2494 .elementor-element.elementor-element-47c7207.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2494 .elementor-element.elementor-element-fe205a3{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-2494 .elementor-element.elementor-element-fe205a3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2494 .elementor-element.elementor-element-fe205a3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2494 .elementor-element.elementor-element-982d464{--display:flex;--background-transition:0.3s;}.elementor-2494 .elementor-element.elementor-element-e11b207{--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-2494 .elementor-element.elementor-element-63263b8{--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-2494 .elementor-element.elementor-element-63263b8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2494 .elementor-element.elementor-element-f45ba0e{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-2494 .elementor-element.elementor-element-f45ba0e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2494 .elementor-element.elementor-element-0c8c853{--display:flex;--background-transition:0.3s;}.elementor-2494 .elementor-element.elementor-element-c7129e5{--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-2494 .elementor-element.elementor-element-816dd94{--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-2494 .elementor-element.elementor-element-816dd94.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2494 .elementor-element.elementor-element-8f45a79{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-2494 .elementor-element.elementor-element-8f45a79.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2494 .elementor-element.elementor-element-2d32aa4{--display:flex;--background-transition:0.3s;}.elementor-2494 .elementor-element.elementor-element-4daa633{--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-2494 .elementor-element.elementor-element-3a31671{--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-2494 .elementor-element.elementor-element-3a31671.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2494 .elementor-element.elementor-element-ce8d557{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-2494 .elementor-element.elementor-element-ce8d557.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2494 .elementor-element.elementor-element-f6ce4ee{--display:flex;--background-transition:0.3s;}.elementor-2494 .elementor-element.elementor-element-29832de{--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-2494 .elementor-element.elementor-element-47c7207{--width:0%;}.elementor-2494 .elementor-element.elementor-element-63263b8{--width:100%;}.elementor-2494 .elementor-element.elementor-element-816dd94{--width:100%;}.elementor-2494 .elementor-element.elementor-element-3a31671{--width:100%;}}@media(max-width:1024px){.elementor-2494 .elementor-element.elementor-element-d698c6a:not(.elementor-motion-effects-element-type-background), .elementor-2494 .elementor-element.elementor-element-d698c6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-2494 .elementor-element.elementor-element-d698c6a:not(.elementor-motion-effects-element-type-background), .elementor-2494 .elementor-element.elementor-element-d698c6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for container, class: .elementor-element-08849fd *//* تنظیمات کلی برای کانتینر 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 */