.elementor-3308 .elementor-element.elementor-element-e5ae84d{--display:flex;--min-height:260px;--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;--justify-content:center;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3308 .elementor-element.elementor-element-e5ae84d:not(.elementor-motion-effects-element-type-background), .elementor-3308 .elementor-element.elementor-element-e5ae84d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3308 .elementor-element.elementor-element-e5ae84d > .elementor-shape-bottom .elementor-shape-fill, .elementor-3308 .elementor-element.elementor-element-e5ae84d > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-846d9a3 );}.elementor-3308 .elementor-element.elementor-element-e5ae84d > .elementor-shape-bottom svg, .elementor-3308 .elementor-element.elementor-element-e5ae84d > .e-con-inner > .elementor-shape-bottom svg{width:calc(150% + 1.3px);height:20px;}.elementor-3308 .elementor-element.elementor-element-ea8e11b .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-846d9a3 );}.elementor-3308 .elementor-element.elementor-element-0a3025a{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-3308 .elementor-element.elementor-element-db4ce26{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E2E2;--border-color:#E2E2E2;--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-3308 .elementor-element.elementor-element-355e6f3{font-size:16px;color:var( --e-global-color-primary );}.elementor-3308 .elementor-element.elementor-element-355e6f3 a{color:var( --e-global-color-secondary );}.elementor-3308 .elementor-element.elementor-element-8e4968b{--divider-border-style:solid;--divider-color:#B1B1B1;--divider-border-width:1.5px;}.elementor-3308 .elementor-element.elementor-element-8e4968b .elementor-divider-separator{width:100%;}.elementor-3308 .elementor-element.elementor-element-8e4968b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-3308 .elementor-element.elementor-element-8267806{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-3308 .elementor-element.elementor-element-9c71d64{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:2%;}.elementor-3308 .elementor-element.elementor-element-1ced6b5{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:2%;}.elementor-3308 .elementor-element.elementor-element-aa01eb9{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-3308 .elementor-element.elementor-element-bf58e3b{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:2%;}.elementor-3308 .elementor-element.elementor-element-a1fe685{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:2%;}.elementor-3308 .elementor-element.elementor-element-6ba1b50{--alignment:center;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3308 .elementor-element.elementor-element-9c71d64{--width:60%;}.elementor-3308 .elementor-element.elementor-element-1ced6b5{--width:40%;}.elementor-3308 .elementor-element.elementor-element-bf58e3b{--width:60%;}.elementor-3308 .elementor-element.elementor-element-a1fe685{--width:40%;}}@media(max-width:1024px){.elementor-3308 .elementor-element.elementor-element-ea8e11b .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );} .elementor-3308 .elementor-element.elementor-element-6ba1b50{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){.elementor-3308 .elementor-element.elementor-element-ea8e11b .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );} .elementor-3308 .elementor-element.elementor-element-6ba1b50{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS for container, class: .elementor-element-e5ae84d *//* ===== سربرگ صفحه‌های داخلی – زرفام پلیمر =====
   محل قرار دادن: Elementor > Site Settings > Custom CSS
   (یا Appearance > Customize > Additional CSS)
   کلاس‌ها را در Advanced > CSS Classes ویجت یا کانتینر مربوطه بنویسید. */

/* ---- ۱) کانتینر سربرگ: کلاس  zf-ph  ----
   برای حالت ساده (با حلقه‌های محو) کلاس  zf-ph zf-ph--rings  بگذارید */
.zf-ph{position:relative; overflow:hidden}

/* محتوای داخل کانتینر بالاتر از حلقه‌ها قرار بگیرد (Shape Divider و Overlay دست‌نخورده می‌مانند) */
.zf-ph > :not(.elementor-shape):not(.elementor-background-overlay){position:relative; z-index:1}

/* حلقه‌های محو: بدون نیاز به آپلود فایل (SVG داخل خود CSS است) */
.zf-ph--rings::after{
  content:""; position:absolute; top:-50px; left:-60px; width:260px; height:240px; z-index:0; pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 240' fill='none' stroke='%23fff' stroke-opacity='.06'%3E%3Ccircle cx='115' cy='115' r='102' stroke-width='26'/%3E%3Ccircle cx='185' cy='155' r='57' stroke-width='16'/%3E%3C/svg%3E") no-repeat;
}

/* ---- ۲) موتیف دو دایره: داخل یک ویجت HTML بگذارید:
   <span class="zf-dots"><i></i><i></i></span> ---- */
.zf-dots{display:inline-flex}
.zf-dots i{display:block; width:18px; height:18px; border-radius:50%}
.zf-dots i:first-child{background:#f28a1e; position:relative; z-index:1}
.zf-dots i:last-child{background:rgba(255,255,255,.92); margin-inline-start:-6px}

/* ---- ۳) مسیر صفحه (Breadcrumb): کلاس  zf-crumb  روی ویجت Shortcode ---- */
.zf-crumb, .zf-crumb p{margin:0; font-size:13px; line-height:1.9; color:rgba(255,255,255,.72)}
.zf-crumb a{color:inherit; text-decoration:none; transition:color .2s}
.zf-crumb a:hover{color:#f28a1e}
.zf-crumb .separator{margin:0 8px; opacity:.6}
.zf-crumb .last,
.zf-crumb .breadcrumb_last{color:#fff; font-weight:700}

/* ---- ۴) عنوان صفحه: کلاس  zf-ph__title  روی ویجت Heading ---- */
.zf-ph__title .elementor-heading-title{
  margin:0; color:#fff; font-weight:800; line-height:1.5; font-size:clamp(26px,3.4vw,44px);
}
/* توضیح کوتاه زیر عنوان (اختیاری): کلاس  zf-ph__desc  روی ویجت Text Editor */
.zf-ph__desc{max-width:560px; color:rgba(255,255,255,.85); font-size:15px; line-height:2}
.zf-ph__desc p{margin:0}

/* ---- ۵) فاصله برای هدر شیشه‌ای ثابت ---- */
.zf-ph{padding-top:130px !important; padding-bottom:64px !important}
@media (max-width:1024px){ .zf-ph{padding-top:110px !important; padding-bottom:52px !important} }
@media (max-width:767px){  .zf-ph{padding-top:96px  !important; padding-bottom:44px !important} }/* End custom CSS */