.elementor-3636 .elementor-element.elementor-element-4970b61{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3636 .elementor-element.elementor-element-f11c3e4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3636 .elementor-element.elementor-element-f11c3e4:not(.elementor-motion-effects-element-type-background), .elementor-3636 .elementor-element.elementor-element-f11c3e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111B35;}.elementor-3636 .elementor-element.elementor-element-1116584{--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), IRANYekanX;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3636 .elementor-element.elementor-element-235f96b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:-0px 0px 0px 0px;}.elementor-3636 .elementor-element.elementor-element-235f96b img{width:81%;height:76px;}.elementor-3636 .elementor-element.elementor-element-92299ae .nav-xl a{color:#FFFFFF;}.elementor-3636 .elementor-element.elementor-element-92299ae .nav-sm a{color:#FFFFFF;}.elementor-3636 .elementor-element.elementor-element-92299ae .nav-btn{color:#FFFFFF;}.elementor-3636 .elementor-element.elementor-element-92299ae .nav-typography a{font-family:"IRANYekanX", IRANYekanX;font-size:16px;font-weight:500;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), IRANYekanX;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3636 .elementor-element.elementor-element-8836041 .elementor-button{background-color:#D4A837;font-family:"IRANYekanX", IRANYekanX;font-size:16px;font-weight:400;border-radius:4px 4px 4px 4px;}.elementor-3636 .elementor-element.elementor-element-8836041 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3636 .elementor-element.elementor-element-8836041 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3636 .elementor-element.elementor-element-789c8fd{--display:flex;--min-height:470px;--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;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.25;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3636 .elementor-element.elementor-element-789c8fd:not(.elementor-motion-effects-element-type-background), .elementor-3636 .elementor-element.elementor-element-789c8fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://behinnaftatlas.com/wp-content/uploads/2026/09/industrial_refinery_at_sunset.png");background-position:top center;background-repeat:no-repeat;background-size:100% auto;}.elementor-3636 .elementor-element.elementor-element-789c8fd::before, .elementor-3636 .elementor-element.elementor-element-789c8fd > .elementor-background-video-container::before, .elementor-3636 .elementor-element.elementor-element-789c8fd > .e-con-inner > .elementor-background-video-container::before, .elementor-3636 .elementor-element.elementor-element-789c8fd > .elementor-background-slideshow::before, .elementor-3636 .elementor-element.elementor-element-789c8fd > .e-con-inner > .elementor-background-slideshow::before, .elementor-3636 .elementor-element.elementor-element-789c8fd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#111B35;--background-overlay:'';}.elementor-3636 .elementor-element.elementor-element-104c694{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), IRANYekanX;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3636 .elementor-element.elementor-element-f56241d{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;text-align:start;}.elementor-3636 .elementor-element.elementor-element-f56241d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3636 .elementor-element.elementor-element-f56241d.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-3636 .elementor-element.elementor-element-f56241d .elementor-heading-title{font-family:"IRANYekanX", IRANYekanX;font-size:43px;font-weight:900;text-shadow:-3px 3px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), IRANYekanX;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3636 .elementor-element.elementor-element-254aea3.elementor-element{--align-self:flex-start;}.elementor-3636 .elementor-element.elementor-element-254aea3{font-family:"IRANYekanX", IRANYekanX;font-size:43px;font-weight:800;}.elementor-3636 .elementor-element.elementor-element-2f5d444{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;text-align:start;}.elementor-3636 .elementor-element.elementor-element-2f5d444 > .elementor-widget-container{margin:12px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3636 .elementor-element.elementor-element-2f5d444.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-3636 .elementor-element.elementor-element-2f5d444 .elementor-heading-title{font-family:"IRANYekanX", IRANYekanX;font-size:20px;font-weight:500;line-height:1.3em;text-shadow:-3px 3px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-3636 .elementor-element.elementor-element-c81557c{--display:flex;}.elementor-3636 .elementor-element.elementor-element-75e3846{--display:flex;}.elementor-3636 .elementor-element.elementor-element-710ea0e{--display:flex;}.elementor-3636 .elementor-element.elementor-element-e233bef{--display:flex;}.elementor-3636 .elementor-element.elementor-element-5110718{--display:flex;}.elementor-3636 .elementor-element.elementor-element-7e27dc2{--display:flex;}.elementor-3636 .elementor-element.elementor-element-ea07216{--display:flex;}.elementor-3636 .elementor-element.elementor-element-577c65c{--display:flex;}.elementor-3636 .elementor-element.elementor-element-7223358{--spacer-size:50px;}.elementor-3636 .elementor-element.elementor-element-86dd7d4{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-3636 .elementor-element.elementor-element-104c694{--content-width:1282px;}}@media(max-width:768px){.elementor-3636 .elementor-element.elementor-element-1116584{--min-height:72px;}.elementor-3636 .elementor-element.elementor-element-f56241d .elementor-heading-title{font-size:36px;}.elementor-3636 .elementor-element.elementor-element-2f5d444{width:auto;max-width:auto;}.elementor-3636 .elementor-element.elementor-element-2f5d444 > .elementor-widget-container{padding:0px 0px 0px 12px;}.elementor-3636 .elementor-element.elementor-element-2f5d444 .elementor-heading-title{font-size:36px;}.elementor-3636 .elementor-element.elementor-element-7223358{--spacer-size:48px;}}@media(max-width:767px){.elementor-3636 .elementor-element.elementor-element-789c8fd:not(.elementor-motion-effects-element-type-background), .elementor-3636 .elementor-element.elementor-element-789c8fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-3636 .elementor-element.elementor-element-104c694{--justify-content:center;}.elementor-3636 .elementor-element.elementor-element-f56241d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-3636 .elementor-element.elementor-element-f56241d .elementor-heading-title{font-size:29px;}.elementor-3636 .elementor-element.elementor-element-2f5d444{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-3636 .elementor-element.elementor-element-2f5d444 .elementor-heading-title{font-size:29px;}.elementor-3636 .elementor-element.elementor-element-7223358{--spacer-size:24px;}}/* Start custom CSS for container, class: .elementor-element-4970b61 */.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon { margin-right: 8px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bdf5baa *//* =================================================== BNA ABOUT STRIP V4 Elementor Safe / Scoped =================================================== */ #bna-about-strip-v4 { --bna-navy: #0B2D4A; --bna-gold: #D4A837; --bna-text: #657484; --bna-border: #E7EBF0; width: 100% !important; direction: rtl !important; padding: 24px 20px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #FAFBFC 100% ) !important; overflow: hidden !important; } #bna-about-strip-v4 *, #bna-about-strip-v4 *::before, #bna-about-strip-v4 *::after { box-sizing: border-box !important; } /* =================================================== MAIN ROW =================================================== */ #bna-about-strip-v4 .bna-as-inner { width: 100% !important; max-width: 1450px !important; margin: 0 auto !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; background: #FFFFFF !important; border: 1px solid var(--bna-border) !important; border-radius: 7px !important; overflow: hidden !important; } /* =================================================== ABOUT =================================================== */ #bna-about-strip-v4 .bna-as-about { width: 34% !important; flex: 0 0 34% !important; display: flex !important; flex-direction: column !important; justify-content: center !important; padding: 25px 29px !important; } #bna-about-strip-v4 .bna-as-label { color: var(--bna-gold) !important; font-size: 10px !important; font-weight: 700 !important; margin-bottom: 2px !important; } #bna-about-strip-v4 .bna-as-about h2 { margin: 0 0 9px !important; padding: 0 !important; color: var(--bna-navy) !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.6 !important; } #bna-about-strip-v4 .bna-as-about p { margin: 0 !important; padding: 0 !important; color: var(--bna-text) !important; font-size: 11px !important; font-weight: 400 !important; line-height: 2.05 !important; } #bna-about-strip-v4 .bna-as-more { display: inline-flex !important; align-items: center !important; gap: 7px !important; width: max-content !important; margin-top: 11px !important; color: var(--bna-navy) !important; text-decoration: none !important; font-size: 10.5px !important; font-weight: 700 !important; } #bna-about-strip-v4 .bna-as-more span { color: var(--bna-gold) !important; font-size: 16px !important; } /* =================================================== FEATURES =================================================== */ #bna-about-strip-v4 .bna-as-features { width: 44% !important; flex: 0 0 44% !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; background: linear-gradient( 180deg, #FCFDFE, #F8FAFC ) !important; border-right: 1px solid var(--bna-border) !important; border-left: 1px solid var(--bna-border) !important; } #bna-about-strip-v4 .bna-as-feature { position: relative !important; width: 25% !important; flex: 0 0 25% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; padding: 20px 10px !important; } #bna-about-strip-v4 .bna-as-feature:not(:last-child)::after { content: "" !important; position: absolute !important; left: 0 !important; top: 20% !important; width: 1px !important; height: 60% !important; background: linear-gradient( transparent, #DFE5EB, transparent ) !important; } /* ICON */ #bna-about-strip-v4 .bna-as-icon { width: 42px !important; height: 42px !important; margin: 0 auto 7px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #bna-about-strip-v4 .bna-as-icon img { display: block !important; width: 34px !important; height: 34px !important; max-width: none !important; object-fit: contain !important; margin: 0 !important; padding: 0 !important; } #bna-about-strip-v4 .bna-as-feature h3 { margin: 0 0 5px !important; padding: 0 !important; color: var(--bna-navy) !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.6 !important; } #bna-about-strip-v4 .bna-as-feature p { margin: 0 !important; padding: 0 !important; color: #758392 !important; font-size: 9.5px !important; line-height: 1.9 !important; } /* =================================================== IMAGE =================================================== */ #bna-about-strip-v4 .bna-as-image { position: relative !important; width: 22% !important; flex: 0 0 22% !important; min-height: 190px !important; overflow: hidden !important; background: var(--bna-navy) !important; } #bna-about-strip-v4 .bna-as-image > img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; position: absolute !important; inset: 0 !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; padding: 0 !important; } /* dark layer */ #bna-about-strip-v4 .bna-as-image-overlay { position: absolute !important; inset: 0 !important; background: linear-gradient( 0deg, rgba(3,29,50,.72), rgba(3,29,50,.04) ) !important; z-index: 1 !important; } /* image text */ #bna-about-strip-v4 .bna-as-image-text { position: absolute !important; z-index: 2 !important; right: 18px !important; bottom: 20px !important; display: flex !important; flex-direction: column !important; padding-right: 11px !important; border-right: 2px solid var(--bna-gold) !important; color: #FFFFFF !important; } #bna-about-strip-v4 .bna-as-image-text span { font-size: 9.5px !important; line-height: 1.7 !important; } #bna-about-strip-v4 .bna-as-image-text strong { font-size: 14px !important; font-weight: 800 !important; line-height: 1.5 !important; } /* =================================================== TABLET =================================================== */ @media (max-width: 980px) { #bna-about-strip-v4 .bna-as-inner { flex-wrap: wrap !important; } #bna-about-strip-v4 .bna-as-about { width: 100% !important; flex: 0 0 100% !important; } #bna-about-strip-v4 .bna-as-features { width: 65% !important; flex: 0 0 65% !important; } #bna-about-strip-v4 .bna-as-image { width: 35% !important; flex: 0 0 35% !important; } } /* =================================================== MOBILE =================================================== */ @media (max-width: 650px) { #bna-about-strip-v4 { padding: 14px !important; } #bna-about-strip-v4 .bna-as-inner { display: flex !important; flex-direction: column !important; } #bna-about-strip-v4 .bna-as-about { width: 100% !important; flex: 0 0 auto !important; padding: 22px 19px !important; } #bna-about-strip-v4 .bna-as-about h2 { font-size: 20px !important; } #bna-about-strip-v4 .bna-as-image { order: 2 !important; width: 100% !important; flex: 0 0 auto !important; height: 220px !important; min-height: 220px !important; } #bna-about-strip-v4 .bna-as-features { order: 3 !important; width: 100% !important; flex: 0 0 auto !important; display: grid !important; grid-template-columns: repeat(2,1fr) !important; } #bna-about-strip-v4 .bna-as-feature { width: 100% !important; min-height: 140px !important; padding: 17px 10px !important; border-bottom: 1px solid var(--bna-border) !important; } #bna-about-strip-v4 .bna-as-feature::after { display: none !important; } } /* --------------------------------- کل باکس --------------------------------- */ #bna-about-strip-v4 .bna-as-inner { box-shadow: 0 12px 35px rgba(11, 45, 74, 0.06) !important; transition: box-shadow .35s ease, transform .35s ease !important; } #bna-about-strip-v4 .bna-as-inner:hover { box-shadow: 0 20px 55px rgba(11, 45, 74, 0.10) !important; } /* --------------------------------- دکمه بیشتر بخوانید --------------------------------- */ #bna-about-strip-v4 .bna-as-more { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; width: max-content !important; margin-top: 17px !important; padding: 9px 16px !important; color: #FFFFFF !important; background: #0B2D4A !important; border: 1px solid #0B2D4A !important; border-radius: 5px !important; text-decoration: none !important; font-size: 10.5px !important; font-weight: 700 !important; box-shadow: 0 6px 16px rgba(11, 45, 74, .13) !important; transition: background .28s ease, color .28s ease, border-color .28s ease, transform .28s ease, box-shadow .28s ease !important; } #bna-about-strip-v4 .bna-as-more span { color: #D4A837 !important; font-size: 17px !important; transition: transform .28s ease, color .28s ease !important; } /* Hover دکمه */ #bna-about-strip-v4 .bna-as-more:hover { color: #0B2D4A !important; background: #D4A837 !important; border-color: #D4A837 !important; transform: translateY(-3px) !important; box-shadow: 0 11px 24px rgba(212, 168, 55, .22) !important; } #bna-about-strip-v4 .bna-as-more:hover span { color: #0B2D4A !important; transform: translateX(-4px) !important; } /* --------------------------------- ویژگی‌ها --------------------------------- */ #bna-about-strip-v4 .bna-as-feature { cursor: default !important; transition: background .30s ease, transform .30s ease, box-shadow .30s ease !important; } #bna-about-strip-v4 .bna-as-feature:hover { background: #FFFFFF !important; transform: translateY(-4px) !important; box-shadow: 0 12px 25px rgba(11, 45, 74, .07) !important; z-index: 3 !important; } /* --------------------------------- آیکن‌ها --------------------------------- */ #bna-about-strip-v4 .bna-as-icon { position: relative !important; border-radius: 50% !important; transition: transform .30s ease, background .30s ease, box-shadow .30s ease !important; } #bna-about-strip-v4 .bna-as-icon::before { content: "" !important; position: absolute !important; inset: -5px !important; border-radius: 50% !important; background: rgba(212, 168, 55, .08) !important; transform: scale(.7) !important; opacity: 0 !important; transition: transform .3s ease, opacity .3s ease !important; } #bna-about-strip-v4 .bna-as-feature:hover .bna-as-icon { transform: translateY(-3px) scale(1.07) !important; } #bna-about-strip-v4 .bna-as-feature:hover .bna-as-icon::before { opacity: 1 !important; transform: scale(1) !important; } #bna-about-strip-v4 .bna-as-icon img { position: relative !important; z-index: 2 !important; transition: transform .30s ease, filter .30s ease !important; } #bna-about-strip-v4 .bna-as-feature:hover .bna-as-icon img { transform: scale(1.08) !important; } /* --------------------------------- عنوان هر ویژگی --------------------------------- */ #bna-about-strip-v4 .bna-as-feature h3 { transition: color .28s ease !important; } #bna-about-strip-v4 .bna-as-feature:hover h3 { color: #D4A837 !important; } /* --------------------------------- تصویر سمت چپ --------------------------------- */ #bna-about-strip-v4 .bna-as-image { cursor: pointer !important; } #bna-about-strip-v4 .bna-as-image > img { transition: transform .75s cubic-bezier(.2,.7,.2,1), filter .55s ease !important; } #bna-about-strip-v4 .bna-as-image:hover > img { transform: scale(1.07) !important; filter: brightness(1.06) saturate(1.05) !important; } /* --------------------------------- لایه روی تصویر --------------------------------- */ #bna-about-strip-v4 .bna-as-image-overlay { transition: background .45s ease !important; } #bna-about-strip-v4 .bna-as-image:hover .bna-as-image-overlay { background: linear-gradient( 0deg, rgba(3,29,50,.82), rgba(3,29,50,.08) ) !important; } /* --------------------------------- نوشته روی تصویر --------------------------------- */ #bna-about-strip-v4 .bna-as-image-text { transition: transform .35s ease !important; } #bna-about-strip-v4 .bna-as-image:hover .bna-as-image-text { transform: translateY(-5px) !important; } #bna-about-strip-v4 .bna-as-image-text strong { transition: color .3s ease !important; } #bna-about-strip-v4 .bna-as-image:hover .bna-as-image-text strong { color: #E2B54B !important; } /* --------------------------------- انیمیشن خیلی ظریف هنگام ورود --------------------------------- */ @keyframes bnaAboutFadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } } #bna-about-strip-v4 .bna-as-about { animation: bnaAboutFadeUp .65s ease both !important; } #bna-about-strip-v4 .bna-as-features { animation: bnaAboutFadeUp .7s .08s ease both !important; } #bna-about-strip-v4 .bna-as-image { animation: bnaAboutFadeUp .75s .14s ease both !important; } /* --------------------------------- موبایل --------------------------------- */ @media (max-width: 650px) { #bna-about-strip-v4 .bna-as-more { padding: 9px 15px !important; font-size: 10px !important; } #bna-about-strip-v4 .bna-as-feature:hover { transform: none !important; box-shadow: none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-601485e *//* ========================================== BNA PRODUCTS V3 Elementor Safe ========================================== */ #bna-products-v3 { --bna-navy: #0B2D4A; --bna-gold: #D4A837; --bna-text: #697786; --bna-border: #E6EAF0; width: 100% !important; direction: rtl !important; position: relative !important; overflow: hidden !important; padding: 32px 20px 38px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #FAFBFC 100% ) !important; } #bna-products-v3 *, #bna-products-v3 *::before, #bna-products-v3 *::after { box-sizing: border-box !important; } /* ========================================== INNER ========================================== */ #bna-products-v3 .bna-products-inner { width: 100% !important; max-width: 1450px !important; margin: 0 auto !important; } /* ========================================== TITLE ========================================== */ #bna-products-v3 .bna-products-title { width: 100% !important; text-align: right !important; margin-bottom: 17px !important; } #bna-products-v3 .bna-products-title span { display: block !important; color: var(--bna-gold) !important; font-size: 10px !important; font-weight: 700 !important; margin-bottom: 1px !important; } #bna-products-v3 .bna-products-title h2 { margin: 0 !important; padding: 0 !important; color: var(--bna-navy) !important; font-size: 25px !important; font-weight: 800 !important; line-height: 1.5 !important; } /* ========================================== PRODUCTS ROW پنج کارت اجباری کنار هم ========================================== */ #bna-products-v3 .bna-products-list { width: 100% !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: center !important; gap: 15px !important; direction: rtl !important; } /* ========================================== CARD ========================================== */ #bna-products-v3 .bna-product-card { position: relative !important; display: flex !important; flex-direction: column !important; flex: 1 1 0 !important; width: calc((100% - 60px) / 5) !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; text-decoration: none !important; background: #FFFFFF !important; border: 1px solid var(--bna-border) !important; border-radius: 6px !important; box-shadow: 0 4px 17px rgba(11,45,74,.035) !important; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease !important; } #bna-products-v3 .bna-product-card:hover { transform: translateY(-5px) !important; border-color: rgba(212,168,55,.60) !important; box-shadow: 0 15px 34px rgba(11,45,74,.10) !important; } /* ========================================== PHOTO ========================================== */ #bna-products-v3 .bna-product-photo { width: 100% !important; height: 118px !important; flex: 0 0 118px !important; position: relative !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; background: #EAF1F6 !important; } #bna-products-v3 .bna-product-photo img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center !important; border: 0 !important; transition: transform .5s ease !important; } #bna-products-v3 .bna-product-card:hover .bna-product-photo img { transform: scale(1.045) !important; } /* ========================================== CONTENT ========================================== */ #bna-products-v3 .bna-product-info { flex: 1 1 auto !important; min-height: 145px !important; display: flex !important; flex-direction: column !important; width: 100% !important; padding: 12px 14px 12px !important; text-align: right !important; } #bna-products-v3 .bna-product-info h3 { margin: 0 0 7px !important; padding: 0 !important; color: var(--bna-navy) !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.7 !important; } #bna-products-v3 .bna-product-info p { margin: 0 !important; padding: 0 !important; color: var(--bna-text) !important; font-size: 10.5px !important; font-weight: 400 !important; line-height: 1.95 !important; } /* ========================================== ARROW ========================================== */ #bna-products-v3 .bna-product-arrow { margin-top: auto !important; padding-top: 9px !important; display: block !important; width: max-content !important; color: var(--bna-navy) !important; font-size: 17px !important; transition: color .25s ease, transform .25s ease !important; } #bna-products-v3 .bna-product-card:hover .bna-product-arrow { color: var(--bna-gold) !important; transform: translateX(-4px) !important; } /* خط طلایی پایین کارت */ #bna-products-v3 .bna-product-card::after { content: "" !important; position: absolute !important; right: 0 !important; bottom: 0 !important; width: 0 !important; height: 2px !important; background: var(--bna-gold) !important; transition: width .3s ease !important; } #bna-products-v3 .bna-product-card:hover::after { width: 100% !important; } /* ========================================== FOOTER LINK ========================================== */ #bna-products-v3 .bna-products-footer { display: flex !important; justify-content: flex-start !important; padding-top: 12px !important; } #bna-products-v3 .bna-products-all { display: inline-flex !important; align-items: center !important; gap: 7px !important; color: var(--bna-navy) !important; text-decoration: none !important; font-size: 10.5px !important; font-weight: 700 !important; transition: color .25s ease !important; } #bna-products-v3 .bna-products-all span { color: var(--bna-gold) !important; font-size: 16px !important; transition: transform .25s ease !important; } #bna-products-v3 .bna-products-all:hover { color: var(--bna-gold) !important; } #bna-products-v3 .bna-products-all:hover span { transform: translateX(-4px) !important; } /* ========================================== TABLET ========================================== */ @media (max-width: 1000px) { #bna-products-v3 .bna-products-list { overflow-x: auto !important; justify-content: flex-start !important; scroll-snap-type: x mandatory !important; scrollbar-width: none !important; padding-bottom: 12px !important; } #bna-products-v3 .bna-products-list::-webkit-scrollbar { display: none !important; } #bna-products-v3 .bna-product-card { flex: 0 0 31% !important; width: 31% !important; scroll-snap-align: start !important; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 650px) { #bna-products-v3 { padding: 29px 0 32px !important; } #bna-products-v3 .bna-products-title { padding: 0 17px !important; margin-bottom: 14px !important; } #bna-products-v3 .bna-products-title h2 { font-size: 21px !important; } #bna-products-v3 .bna-products-list { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; gap: 12px !important; overflow-x: auto !important; padding: 3px 17px 15px !important; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } #bna-products-v3 .bna-products-list::-webkit-scrollbar { display: none !important; } #bna-products-v3 .bna-product-card { flex: 0 0 76% !important; width: 76% !important; min-width: 76% !important; scroll-snap-align: start !important; } #bna-products-v3 .bna-product-photo { height: 150px !important; flex-basis: 150px !important; } #bna-products-v3 .bna-product-info { min-height: 150px !important; } #bna-products-v3 .bna-products-footer { padding: 2px 17px 0 !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-dcf20fa *//* ================================================== BNA KEY INDUSTRIES V2 Elementor Safe ================================================== */ #bna-key-industries-v2 { --bna-navy: #052f50; --bna-navy-dark: #03223b; --bna-gold: #d4a837; width: 100% !important; max-width: none !important; direction: rtl !important; padding: 34px 20px 38px !important; background: radial-gradient( circle at 50% 100%, rgba(15, 81, 126, .35), transparent 48% ), linear-gradient( 120deg, #03243e 0%, #073a60 48%, #03243e 100% ) !important; overflow: hidden !important; } #bna-key-industries-v2 *, #bna-key-industries-v2 *::before, #bna-key-industries-v2 *::after { box-sizing: border-box !important; } /* ======================== INNER ======================== */ #bna-key-industries-v2 .bna-ki-inner { width: 100% !important; max-width: 1450px !important; margin: 0 auto !important; } /* ======================== HEADING ======================== */ #bna-key-industries-v2 .bna-ki-head { width: 100% !important; text-align: center !important; margin: 0 0 24px !important; } #bna-key-industries-v2 .bna-ki-head h2 { margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 29px !important; font-weight: 800 !important; line-height: 1.5 !important; } #bna-key-industries-v2 .bna-ki-head p { margin: 1px 0 0 !important; padding: 0 !important; color: rgba(255,255,255,.78) !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.8 !important; } /* ================================================== مهم‌ترین قسمت 5 کارت حتما کنار هم ================================================== */ #bna-key-industries-v2 .bna-ki-cards { width: 100% !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: center !important; gap: 18px !important; direction: rtl !important; } /* ======================== CARD ======================== */ #bna-key-industries-v2 .bna-ki-card { position: relative !important; display: flex !important; flex-direction: column !important; flex: 1 1 0 !important; width: calc((100% - 72px) / 5) !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; text-decoration: none !important; background: linear-gradient( 180deg, #073a60, #052f50 ) !important; border: 1px solid rgba(212,168,55,.92) !important; border-radius: 8px !important; box-shadow: 0 10px 25px rgba(0,0,0,.12) !important; transition: transform .3s ease, box-shadow .3s ease !important; } #bna-key-industries-v2 .bna-ki-card:hover { transform: translateY(-5px) !important; box-shadow: 0 20px 42px rgba(0,0,0,.23) !important; } /* ======================== PHOTO ======================== */ #bna-key-industries-v2 .bna-ki-photo { width: 100% !important; height: 235px !important; flex: 0 0 235px !important; position: relative !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } #bna-key-industries-v2 .bna-ki-photo::after { content: "" !important; position: absolute !important; inset: 0 !important; background: linear-gradient( 180deg, transparent 55%, rgba(2,28,48,.28) ) !important; pointer-events: none !important; } #bna-key-industries-v2 .bna-ki-photo img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center !important; border: 0 !important; transition: transform .55s ease !important; } #bna-key-industries-v2 .bna-ki-card:hover .bna-ki-photo img { transform: scale(1.045) !important; } /* ======================== ICON ======================== */ #bna-key-industries-v2 .bna-ki-icon { position: relative !important; z-index: 5 !important; width: 58px !important; height: 58px !important; min-width: 58px !important; margin: -29px auto 3px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; border-radius: 50% !important; background: #fffaf0 !important; border: 2px solid var(--bna-gold) !important; box-shadow: 0 4px 12px rgba(0,0,0,.20) !important; } #bna-key-industries-v2 .bna-ki-icon img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; border-radius: 50% !important; border: 0 !important; } /* ======================== CONTENT ======================== */ #bna-key-industries-v2 .bna-ki-body { width: 100% !important; flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; padding: 5px 15px 16px !important; } #bna-key-industries-v2 .bna-ki-body h3 { width: 100% !important; margin: 3px 0 9px !important; padding: 0 !important; color: #ffffff !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.7 !important; } #bna-key-industries-v2 .bna-ki-body p { width: 100% !important; margin: 0 !important; padding: 0 !important; color: rgba(255,255,255,.74) !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.95 !important; } #bna-key-industries-v2 .bna-ki-more { margin-top: auto !important; padding-top: 15px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; color: var(--bna-gold) !important; font-size: 11px !important; font-weight: 700 !important; } #bna-key-industries-v2 .bna-ki-more b { font-size: 16px !important; font-weight: 400 !important; } /* ================================================== TABLET ================================================== */ @media (max-width: 1000px) { #bna-key-industries-v2 .bna-ki-cards { overflow-x: auto !important; justify-content: flex-start !important; scroll-snap-type: x mandatory !important; scrollbar-width: none !important; padding-bottom: 12px !important; } #bna-key-industries-v2 .bna-ki-cards::-webkit-scrollbar { display: none !important; } #bna-key-industries-v2 .bna-ki-card { flex: 0 0 31% !important; width: 31% !important; scroll-snap-align: start !important; } } /* ================================================== MOBILE ================================================== */ @media (max-width: 650px) { #bna-key-industries-v2 { padding: 32px 0 35px !important; } #bna-key-industries-v2 .bna-ki-head { padding: 0 17px !important; margin-bottom: 19px !important; } #bna-key-industries-v2 .bna-ki-head h2 { font-size: 23px !important; } #bna-key-industries-v2 .bna-ki-head p { font-size: 11px !important; } #bna-key-industries-v2 .bna-ki-cards { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; justify-content: flex-start !important; gap: 13px !important; padding: 4px 17px 17px !important; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; } #bna-key-industries-v2 .bna-ki-card { flex: 0 0 80% !important; width: 80% !important; min-width: 80% !important; scroll-snap-align: start !important; } #bna-key-industries-v2 .bna-ki-photo { height: 230px !important; flex-basis: 230px !important; } #bna-key-industries-v2 .bna-ki-body { min-height: 170px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c81d26c *//* ===================================================== BNA QUALITY SECTION Completely isolated CSS ===================================================== */ #bna-quality-section-260903 { --bna-quality-navy: #0B2D4A; --bna-quality-dark: #052640; --bna-quality-gold: #D4A837; --bna-quality-text: #687684; --bna-quality-border: #E7EBF0; width: 100%; direction: rtl; position: relative; overflow: hidden; background: linear-gradient( 180deg, #FFFFFF 0%, #FAFBFC 100% ); padding: 48px 22px; } /* فقط داخل همین سکشن */ #bna-quality-section-260903 *, #bna-quality-section-260903 *::before, #bna-quality-section-260903 *::after { box-sizing: border-box; } /* ===================================================== WRAPPER ===================================================== */ #bna-quality-section-260903 .bna-quality-wrap { width: min(1400px, 100%); margin: 0 auto; display: grid; grid-template-columns: minmax(380px, 1fr) minmax(500px, 1.15fr); gap: 65px; align-items: center; } /* ===================================================== CONTENT ===================================================== */ #bna-quality-section-260903 .bna-quality-content { min-width: 0; padding: 10px 5px; } /* label */ #bna-quality-section-260903 .bna-quality-label { display: inline-block; margin-bottom: 5px; color: var(--bna-quality-gold); font-size: 11px; font-weight: 700; } /* title */ #bna-quality-section-260903 .bna-quality-title { margin: 0 0 20px; padding: 0; color: var(--bna-quality-navy); font-size: 30px; font-weight: 800; line-height: 1.65; } #bna-quality-section-260903 .bna-quality-title span { color: var(--bna-quality-navy); } /* ===================================================== CHECK LIST ===================================================== */ #bna-quality-section-260903 .bna-quality-list { display: flex; flex-direction: column; gap: 13px; } #bna-quality-section-260903 .bna-quality-item { display: flex; align-items: center; gap: 11px; color: var(--bna-quality-text); font-size: 13px; font-weight: 400; line-height: 1.9; } /* check */ #bna-quality-section-260903 .bna-quality-check { width: 23px; height: 23px; flex: 0 0 23px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(212,168,55,.10); color: var(--bna-quality-gold); font-size: 14px; font-weight: 800; transition: .3s ease; } #bna-quality-section-260903 .bna-quality-item:hover .bna-quality-check { background: var(--bna-quality-gold); color: #FFFFFF; transform: scale(1.08); } /* ===================================================== MEDIA ===================================================== */ #bna-quality-section-260903 .bna-quality-media { min-width: 0; } /* products link */ #bna-quality-section-260903 .bna-quality-products-link { display: flex; align-items: center; gap: 8px; width: max-content; margin: 0 auto 11px 0; color: var(--bna-quality-navy); text-decoration: none; font-size: 11px; font-weight: 700; transition: color .3s ease; } #bna-quality-section-260903 .bna-quality-products-link span { color: var(--bna-quality-gold); font-size: 17px; transition: transform .3s ease; } #bna-quality-section-260903 .bna-quality-products-link:hover { color: var(--bna-quality-gold); } #bna-quality-section-260903 .bna-quality-products-link:hover span { transform: translateX(-4px); } /* ===================================================== IMAGE BOX ===================================================== */ #bna-quality-section-260903 .bna-quality-image-box { width: 100%; height: 245px; position: relative; overflow: hidden; border-radius: 8px; background: var(--bna-quality-dark); box-shadow: 0 15px 40px rgba(11,45,74,.10); } /* image */ #bna-quality-section-260903 .bna-quality-image { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; margin: 0; padding: 0; border: none; transition: transform .7s ease; } #bna-quality-section-260903 .bna-quality-image-box:hover .bna-quality-image { transform: scale(1.035); } /* image shade */ #bna-quality-section-260903 .bna-quality-overlay { position: absolute; inset: 0; background: linear-gradient( 90deg, rgba(3,27,48,.00) 0%, rgba(3,27,48,.05) 45%, rgba(3,27,48,.50) 100% ); pointer-events: none; } /* ===================================================== FLOATING CARD ===================================================== */ #bna-quality-section-260903 .bna-quality-card { position: absolute; right: 25px; top: 50%; transform: translateY(-50%); width: 225px; max-width: calc(100% - 50px); padding: 19px 20px 18px; text-align: right; border: 1px solid rgba(255,255,255,.20); border-radius: 7px; background: rgba(4,38,66,.93); box-shadow: 0 12px 30px rgba(0,0,0,.18); } /* small title */ #bna-quality-section-260903 .bna-quality-card-small { display: block; color: rgba(255,255,255,.65); font-size: 9px; margin-bottom: 3px; } /* main title */ #bna-quality-section-260903 .bna-quality-card strong { display: block; color: #FFFFFF; font-size: 20px; font-weight: 800; line-height: 1.6; margin-bottom: 5px; } /* card paragraph */ #bna-quality-section-260903 .bna-quality-card p { margin: 0; padding: 0; color: rgba(255,255,255,.76); font-size: 10px; font-weight: 400; line-height: 2; } /* gold accent */ #bna-quality-section-260903 .bna-quality-gold-line { display: block; width: 32px; height: 2px; margin-top: 11px; background: var(--bna-quality-gold); border-radius: 10px; } /* ===================================================== TABLET ===================================================== */ @media (max-width: 900px) { #bna-quality-section-260903 .bna-quality-wrap { grid-template-columns: 1fr; gap: 30px; } #bna-quality-section-260903 .bna-quality-image-box { height: 300px; } } /* ===================================================== MOBILE ===================================================== */ @media (max-width: 600px) { #bna-quality-section-260903 { padding: 33px 15px; } #bna-quality-section-260903 .bna-quality-wrap { gap: 25px; } #bna-quality-section-260903 .bna-quality-title { font-size: 22px; margin-bottom: 16px; } #bna-quality-section-260903 .bna-quality-item { align-items: flex-start; font-size: 11.5px; gap: 9px; } #bna-quality-section-260903 .bna-quality-check { margin-top: 2px; } #bna-quality-section-260903 .bna-quality-image-box { height: 245px; } #bna-quality-section-260903 .bna-quality-card { top: auto; right: 15px; left: 15px; bottom: 15px; transform: none; width: auto; max-width: none; padding: 13px 15px; } #bna-quality-section-260903 .bna-quality-card strong { font-size: 17px; } #bna-quality-section-260903 .bna-quality-card p { font-size: 9.5px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0467aff *//* ================================================== BNA INDUSTRIES STATS FULLY SCOPED CSS ================================================== */ #bna-industries-stats-260903 { --bna-navy: #0B2D4A; --bna-gold: #D4A837; --bna-text: #697786; --bna-border: #E7EBF0; --bna-white: #FFFFFF; --bna-soft: #FBFCFD; width: 100%; direction: rtl; position: relative; overflow: hidden; padding: 20px 20px 26px; background: linear-gradient( 180deg, #FFFFFF 0%, #FBFCFD 100% ); } /* Safe reset only inside this section */ #bna-industries-stats-260903 *, #bna-industries-stats-260903 *::before, #bna-industries-stats-260903 *::after { box-sizing: border-box; } /* ================================================== Wrapper ================================================== */ #bna-industries-stats-260903 .bna-is-wrap { width: min(1450px, 100%); margin: 0 auto; } /* ================================================== Main box ================================================== */ #bna-industries-stats-260903 .bna-is-box { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); width: 100%; background: var(--bna-white); border: 1px solid var(--bna-border); border-radius: 8px; overflow: hidden; box-shadow: 0 8px 28px rgba(11,45,74,.035); } /* ================================================== Item ================================================== */ #bna-industries-stats-260903 .bna-is-item { position: relative; min-width: 0; min-height: 165px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 20px 15px 18px; background: #FFFFFF; transition: background .25s ease, transform .25s ease; } /* Vertical separators */ #bna-industries-stats-260903 .bna-is-item:not(:last-child)::after { content: ""; position: absolute; left: 0; top: 18%; width: 1px; height: 64%; background: linear-gradient( transparent, #E1E6EC, transparent ); } /* Hover */ #bna-industries-stats-260903 .bna-is-item:hover { background: #FCFDFE; } /* ================================================== Icon ================================================== */ #bna-industries-stats-260903 .bna-is-icon { width: 48px; height: 48px; margin: 0 auto 9px; display: flex; align-items: center; justify-content: center; flex: 0 0 48px; transition: transform .28s ease; } #bna-industries-stats-260903 .bna-is-icon img { display: block; width: 38px; height: 38px; max-width: none; margin: 0; padding: 0; object-fit: contain; object-position: center; border: 0; box-shadow: none; background: transparent; } #bna-industries-stats-260903 .bna-is-item:hover .bna-is-icon { transform: translateY(-3px); } /* ================================================== Titles ================================================== */ #bna-industries-stats-260903 .bna-is-item h3 { margin: 0 0 7px; padding: 0; color: var(--bna-navy); font-size: 14px; font-weight: 800; line-height: 1.8; } #bna-industries-stats-260903 .bna-is-num { display: inline-block; margin-left: 3px; color: var(--bna-navy); font-size: 19px; font-weight: 800; } /* ================================================== Paragraph ================================================== */ #bna-industries-stats-260903 .bna-is-item p { margin: 0; padding: 0; color: var(--bna-text); font-size: 11px; font-weight: 400; line-height: 1.95; } /* ================================================== Bottom row ================================================== */ #bna-industries-stats-260903 .bna-is-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 14px; } /* Bottom title */ #bna-industries-stats-260903 .bna-is-bottom h2 { margin: 0; padding: 0; color: var(--bna-navy); font-size: 25px; font-weight: 800; line-height: 1.6; } /* Bottom link */ #bna-industries-stats-260903 .bna-is-link { display: inline-flex; align-items: center; gap: 7px; width: max-content; color: var(--bna-navy); text-decoration: none; font-size: 11px; font-weight: 700; transition: color .25s ease; } #bna-industries-stats-260903 .bna-is-link span { color: var(--bna-gold); font-size: 17px; transition: transform .25s ease; } #bna-industries-stats-260903 .bna-is-link:hover { color: var(--bna-gold); } #bna-industries-stats-260903 .bna-is-link:hover span { transform: translateX(-4px); } /* ================================================== Tablet ================================================== */ @media (max-width: 980px) { #bna-industries-stats-260903 .bna-is-box { grid-template-columns: repeat(3, minmax(0,1fr)); } #bna-industries-stats-260903 .bna-is-item { min-height: 175px; } } /* ================================================== Mobile ================================================== */ @media (max-width: 640px) { #bna-industries-stats-260903 { padding: 18px 14px 22px; } #bna-industries-stats-260903 .bna-is-box { display: flex; gap: 0; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; } #bna-industries-stats-260903 .bna-is-box::-webkit-scrollbar { display: none; } #bna-industries-stats-260903 .bna-is-item { flex: 0 0 72%; min-height: 185px; scroll-snap-align: start; border-left: 1px solid var(--bna-border); padding: 22px 18px; } #bna-industries-stats-260903 .bna-is-item::after { display: none !important; } #bna-industries-stats-260903 .bna-is-icon { width: 50px; height: 50px; flex-basis: 50px; } #bna-industries-stats-260903 .bna-is-icon img { width: 40px; height: 40px; } #bna-industries-stats-260903 .bna-is-item h3 { font-size: 14px; } #bna-industries-stats-260903 .bna-is-item p { font-size: 11px; } #bna-industries-stats-260903 .bna-is-bottom { padding-top: 12px; flex-direction: column; align-items: stretch; gap: 6px; } #bna-industries-stats-260903 .bna-is-bottom h2 { order: 1; font-size: 21px; } #bna-industries-stats-260903 .bna-is-link { order: 2; font-size: 10px; } } /* ================================================== Small Mobile ================================================== */ @media (max-width: 390px) { #bna-industries-stats-260903 .bna-is-item { flex-basis: 82%; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-810e308 *//* ================================================== BNA INDUSTRIES ROW ELEMENTOR SAFE ================================================== */ #bna-industries-row-v1 { --bna-ir-navy: #0B2D4A; --bna-ir-gold: #D4A837; --bna-ir-text: #30465B; --bna-ir-border: #E7EBEF; width: 100% !important; direction: rtl !important; position: relative !important; overflow: hidden !important; padding: 25px 25px 30px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #FBFCFD 100% ) !important; } #bna-industries-row-v1 *, #bna-industries-row-v1 *::before, #bna-industries-row-v1 *::after { box-sizing: border-box !important; } /* ================================================== INNER ================================================== */ #bna-industries-row-v1 .bna-ir-inner { width: 100% !important; max-width: 1450px !important; margin: 0 auto !important; } /* ================================================== HEADER ================================================== */ #bna-industries-row-v1 .bna-ir-head { width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 16px !important; } #bna-industries-row-v1 .bna-ir-head h2 { margin: 0 !important; padding: 0 !important; color: var(--bna-ir-navy) !important; font-size: 24px !important; font-weight: 800 !important; line-height: 1.6 !important; } /* مشاهده همه */ #bna-industries-row-v1 .bna-ir-all { display: inline-flex !important; align-items: center !important; gap: 7px !important; color: var(--bna-ir-navy) !important; text-decoration: none !important; font-size: 10.5px !important; font-weight: 700 !important; transition: color .25s ease !important; } #bna-industries-row-v1 .bna-ir-all span { color: var(--bna-ir-gold) !important; font-size: 17px !important; transition: transform .25s ease !important; } #bna-industries-row-v1 .bna-ir-all:hover { color: var(--bna-ir-gold) !important; } #bna-industries-row-v1 .bna-ir-all:hover span { transform: translateX(-4px) !important; } /* ================================================== LIST ================================================== */ #bna-industries-row-v1 .bna-ir-list { width: 100% !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-start !important; justify-content: space-between !important; gap: 7px !important; } /* ================================================== EACH ITEM ================================================== */ #bna-industries-row-v1 .bna-ir-item { position: relative !important; flex: 1 1 0 !important; min-width: 0 !important; max-width: 125px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 5px !important; margin: 0 !important; padding: 7px 4px !important; color: var(--bna-ir-text) !important; text-decoration: none !important; text-align: center !important; border-radius: 7px !important; transition: background .28s ease, transform .28s ease, box-shadow .28s ease !important; } /* hover */ #bna-industries-row-v1 .bna-ir-item:hover { background: #FFFFFF !important; transform: translateY(-5px) !important; box-shadow: 0 10px 25px rgba(11,45,74,.07) !important; } /* ================================================== ICON ================================================== */ #bna-industries-row-v1 .bna-ir-icon { width: 48px !important; height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto !important; transition: transform .28s ease !important; } #bna-industries-row-v1 .bna-ir-icon img { display: block !important; width: 42px !important; height: 42px !important; max-width: none !important; object-fit: contain !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; } #bna-industries-row-v1 .bna-ir-item:hover .bna-ir-icon { transform: scale(1.12) !important; } /* ================================================== LABEL ================================================== */ #bna-industries-row-v1 .bna-ir-item > span { display: block !important; width: 100% !important; color: var(--bna-ir-navy) !important; font-size: 10.5px !important; font-weight: 700 !important; line-height: 1.7 !important; transition: color .25s ease !important; } #bna-industries-row-v1 .bna-ir-item:hover > span { color: var(--bna-ir-gold) !important; } /* خط طلایی زیر آیتم */ #bna-industries-row-v1 .bna-ir-item::after { content: "" !important; position: absolute !important; right: 50% !important; bottom: 0 !important; width: 0 !important; height: 2px !important; transform: translateX(50%) !important; background: var(--bna-ir-gold) !important; border-radius: 10px !important; transition: width .3s ease !important; } #bna-industries-row-v1 .bna-ir-item:hover::after { width: 32px !important; } /* ================================================== TABLET ================================================== */ @media (max-width: 1000px) { #bna-industries-row-v1 .bna-ir-list { overflow-x: auto !important; justify-content: flex-start !important; gap: 14px !important; padding-bottom: 12px !important; scroll-snap-type: x mandatory !important; scrollbar-width: none !important; } #bna-industries-row-v1 .bna-ir-list::-webkit-scrollbar { display: none !important; } #bna-industries-row-v1 .bna-ir-item { flex: 0 0 115px !important; width: 115px !important; scroll-snap-align: start !important; } } /* ================================================== MOBILE ================================================== */ @media (max-width: 650px) { #bna-industries-row-v1 { padding: 23px 0 26px !important; } #bna-industries-row-v1 .bna-ir-head { padding: 0 17px !important; margin-bottom: 12px !important; } #bna-industries-row-v1 .bna-ir-head h2 { font-size: 21px !important; } #bna-industries-row-v1 .bna-ir-all { font-size: 9.5px !important; } #bna-industries-row-v1 .bna-ir-list { padding: 3px 17px 13px !important; gap: 9px !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; } #bna-industries-row-v1 .bna-ir-item { flex: 0 0 100px !important; width: 100px !important; min-width: 100px !important; scroll-snap-align: start !important; } #bna-industries-row-v1 .bna-ir-icon { width: 45px !important; height: 45px !important; } #bna-industries-row-v1 .bna-ir-icon img { width: 39px !important; height: 39px !important; } #bna-industries-row-v1 .bna-ir-item > span { font-size: 9.5px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6c2758d *//* ===================================================== BNA NEWS / EXPORT ROW V1 Elementor Safe ===================================================== */ #bna-news-export-row-v1 { --bna-ner-navy: #0B2D4A; --bna-ner-gold: #D4A837; --bna-ner-text: #687686; --bna-ner-border: #E5E9EE; width: 100% !important; direction: rtl !important; position: relative !important; overflow: hidden !important; padding: 26px 22px !important; background: linear-gradient( 180deg, #FFFFFF 0%, #FAFBFC 100% ) !important; } #bna-news-export-row-v1 *, #bna-news-export-row-v1 *::before, #bna-news-export-row-v1 *::after { box-sizing: border-box !important; } /* ===================================================== MAIN ROW ===================================================== */ #bna-news-export-row-v1 .bna-ner-inner { width: min(1450px,100%) !important; margin: 0 auto !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; background: #FFFFFF !important; border: 1px solid #EEF1F4 !important; border-radius: 7px !important; overflow: hidden !important; box-shadow: 0 10px 30px rgba(11,45,74,.035) !important; } /* ===================================================== TEXT ITEM ===================================================== */ #bna-news-export-row-v1 .bna-ner-item { position: relative !important; width: 20.5% !important; flex: 0 0 20.5% !important; min-width: 0 !important; min-height: 205px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; padding: 25px 28px !important; text-align: right !important; background: #FFFFFF !important; transition: background .30s ease, transform .30s ease !important; } /* خطوط جداکننده */ #bna-news-export-row-v1 .bna-ner-item:not(:first-child)::after { content: "" !important; position: absolute !important; right: 0 !important; top: 17% !important; width: 1px !important; height: 66% !important; background: linear-gradient( transparent, var(--bna-ner-border), transparent ) !important; } /* hover */ #bna-news-export-row-v1 .bna-ner-item:hover { background: #FCFDFE !important; } /* ===================================================== TITLES ===================================================== */ #bna-news-export-row-v1 .bna-ner-item h3 { margin: 0 0 12px !important; padding: 0 !important; color: var(--bna-ner-navy) !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.75 !important; transition: color .28s ease !important; } #bna-news-export-row-v1 .bna-ner-item:hover h3 { color: var(--bna-ner-gold) !important; } /* ===================================================== PARAGRAPH ===================================================== */ #bna-news-export-row-v1 .bna-ner-item p { margin: 0 !important; padding: 0 !important; color: var(--bna-ner-text) !important; font-size: 11.5px !important; font-weight: 400 !important; line-height: 2 !important; max-width: 210px !important; } /* ===================================================== LINKS ===================================================== */ #bna-news-export-row-v1 .bna-ner-link { margin-top: auto !important; padding-top: 17px !important; display: inline-flex !important; align-items: center !important; gap: 7px !important; width: max-content !important; color: var(--bna-ner-navy) !important; text-decoration: none !important; font-size: 10.5px !important; font-weight: 700 !important; transition: color .25s ease !important; } #bna-news-export-row-v1 .bna-ner-link span { color: var(--bna-ner-gold) !important; font-size: 17px !important; transition: transform .25s ease !important; } #bna-news-export-row-v1 .bna-ner-link:hover { color: var(--bna-ner-gold) !important; } #bna-news-export-row-v1 .bna-ner-link:hover span { transform: translateX(-5px) !important; } /* ===================================================== IMAGE ===================================================== */ #bna-news-export-row-v1 .bna-ner-image { position: relative !important; width: 38.5% !important; flex: 0 0 38.5% !important; min-height: 205px !important; overflow: hidden !important; display: block !important; margin: 0 !important; padding: 0 !important; background: var(--bna-ner-navy) !important; } #bna-news-export-row-v1 .bna-ner-image img { display: block !important; width: 100% !important; height: 100% !important; position: absolute !important; inset: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; object-fit: cover !important; object-position: center !important; transition: transform .7s ease, filter .5s ease !important; } /* لایه خیلی ظریف */ #bna-news-export-row-v1 .bna-ner-image-shade { position: absolute !important; inset: 0 !important; background: linear-gradient( 90deg, rgba(3,29,50,.03), rgba(3,29,50,.12) ) !important; pointer-events: none !important; transition: background .4s ease !important; } /* hover عکس */ #bna-news-export-row-v1 .bna-ner-image:hover img { transform: scale(1.055) !important; filter: saturate(1.08) brightness(1.03) !important; } #bna-news-export-row-v1 .bna-ner-image:hover .bna-ner-image-shade { background: rgba(3,29,50,.08) !important; } /* ===================================================== TABLET ===================================================== */ @media (max-width: 1000px) { #bna-news-export-row-v1 .bna-ner-inner { flex-wrap: wrap !important; } #bna-news-export-row-v1 .bna-ner-item { width: 33.333% !important; flex: 0 0 33.333% !important; } #bna-news-export-row-v1 .bna-ner-image { width: 100% !important; flex: 0 0 100% !important; height: 300px !important; } } /* ===================================================== MOBILE ===================================================== */ @media (max-width: 650px) { #bna-news-export-row-v1 { padding: 15px !important; } #bna-news-export-row-v1 .bna-ner-inner { display: flex !important; flex-direction: column !important; border-radius: 8px !important; } /* عکس اول موبایل */ #bna-news-export-row-v1 .bna-ner-image { order: 1 !important; width: 100% !important; flex: 0 0 auto !important; height: 225px !important; min-height: 225px !important; } #bna-news-export-row-v1 .bna-ner-item { width: 100% !important; flex: 0 0 auto !important; min-height: 165px !important; padding: 21px 20px !important; border-bottom: 1px solid var(--bna-ner-border) !important; } #bna-news-export-row-v1 .bna-ner-item:nth-child(1) { order: 2 !important; } #bna-news-export-row-v1 .bna-ner-item:nth-child(2) { order: 3 !important; } #bna-news-export-row-v1 .bna-ner-item:nth-child(3) { order: 4 !important; } #bna-news-export-row-v1 .bna-ner-item::after { display: none !important; } #bna-news-export-row-v1 .bna-ner-item h3 { font-size: 16px !important; } #bna-news-export-row-v1 .bna-ner-item p { max-width: none !important; font-size: 11px !important; } }/* End custom CSS */