.elementor-561 .elementor-element.elementor-element-8524530{--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;--justify-content:center;--gap:0px 29px;--row-gap:0px;--column-gap:29px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-561 .elementor-element.elementor-element-66af481{--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;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-561 .elementor-element.elementor-element-5f4fac7{width:var( --container-widget-width, 88.364% );max-width:88.364%;--container-widget-width:88.364%;--container-widget-flex-grow:0;text-align:justify;font-family:"IranYekan", Sans-serif;font-weight:400;color:#5D4949;}.elementor-561 .elementor-element.elementor-element-5f4fac7.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-561 .elementor-element.elementor-element-402d554 .elementor-button{background-color:#0184A0;font-family:"IranYekan", Sans-serif;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);border-radius:17px 17px 17px 17px;}.elementor-561 .elementor-element.elementor-element-402d554{margin:0px 31px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-561 .elementor-element.elementor-element-402d554.elementor-element{--align-self:flex-start;}.elementor-561 .elementor-element.elementor-element-402d554 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-561 .elementor-element.elementor-element-efa3a61{--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;--justify-content:flex-start;--overlay-opacity:0.5;}.elementor-561 .elementor-element.elementor-element-efa3a61::before, .elementor-561 .elementor-element.elementor-element-efa3a61 > .elementor-background-video-container::before, .elementor-561 .elementor-element.elementor-element-efa3a61 > .e-con-inner > .elementor-background-video-container::before, .elementor-561 .elementor-element.elementor-element-efa3a61 > .elementor-background-slideshow::before, .elementor-561 .elementor-element.elementor-element-efa3a61 > .e-con-inner > .elementor-background-slideshow::before, .elementor-561 .elementor-element.elementor-element-efa3a61 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-561 .elementor-element.elementor-element-3928964 img{filter:brightness( 90% ) contrast( 101% ) saturate( 95% ) blur( 0px ) hue-rotate( 345deg );}.elementor-561 .elementor-element.elementor-element-bb31ae8 .elementor-button{background-color:#0184A0;font-family:"IranYekan", Sans-serif;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);border-radius:14px 14px 14px 14px;padding:12px 12px 12px 12px;}.elementor-561 .elementor-element.elementor-element-bb31ae8{margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-561 .elementor-element.elementor-element-bb31ae8.elementor-element{--align-self:flex-end;}.elementor-561 .elementor-element.elementor-element-bb31ae8 .elementor-button-content-wrapper{flex-direction:row;}.elementor-561 .elementor-element.elementor-element-b693665{--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;--justify-content:flex-start;--overlay-opacity:0.5;}.elementor-561 .elementor-element.elementor-element-b693665::before, .elementor-561 .elementor-element.elementor-element-b693665 > .elementor-background-video-container::before, .elementor-561 .elementor-element.elementor-element-b693665 > .e-con-inner > .elementor-background-video-container::before, .elementor-561 .elementor-element.elementor-element-b693665 > .elementor-background-slideshow::before, .elementor-561 .elementor-element.elementor-element-b693665 > .e-con-inner > .elementor-background-slideshow::before, .elementor-561 .elementor-element.elementor-element-b693665 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-561 .elementor-element.elementor-element-8810999 img{filter:brightness( 90% ) contrast( 101% ) saturate( 95% ) blur( 0px ) hue-rotate( 345deg );}.elementor-561 .elementor-element.elementor-element-661bb6b .elementor-button{background-color:#0184A0;font-family:"IranYekan", Sans-serif;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);border-radius:14px 14px 14px 14px;padding:12px 12px 12px 12px;}.elementor-561 .elementor-element.elementor-element-661bb6b{margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-561 .elementor-element.elementor-element-661bb6b.elementor-element{--align-self:flex-end;}.elementor-561 .elementor-element.elementor-element-661bb6b .elementor-button-content-wrapper{flex-direction:row;}.elementor-561 .elementor-element.elementor-element-d0aabed{--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;--row-gap:0px;--column-gap:0px;--margin-top:-17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-561 .elementor-element.elementor-element-d34d1cc{--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;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-561 .elementor-element.elementor-element-d34d1cc.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-561 .elementor-element.elementor-element-3312a86{margin:0px 28px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-561 .elementor-element.elementor-element-e82469d{--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;--justify-content:flex-start;}.elementor-561 .elementor-element.elementor-element-7d581b9{width:var( --container-widget-width, 103.486% );max-width:103.486%;--container-widget-width:103.486%;--container-widget-flex-grow:0;}.elementor-561 .elementor-element.elementor-element-7d581b9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-561 .elementor-element.elementor-element-592ae97{--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;--margin-top:18px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-561 .elementor-element.elementor-element-1f2cc86{--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;--row-gap:0px;--column-gap:0px;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-561 .elementor-element.elementor-element-69054a5{--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;}.elementor-561 .elementor-element.elementor-element-69054a5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-561 .elementor-element.elementor-element-53c87b5{width:var( --container-widget-width, 88.909% );max-width:88.909%;--container-widget-width:88.909%;--container-widget-flex-grow:0;}.elementor-561 .elementor-element.elementor-element-53c87b5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-561 .elementor-element.elementor-element-5b6f405{--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;--justify-content:flex-start;--margin-top:81px;--margin-bottom:1px;--margin-left:0px;--margin-right:-228px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-561 .elementor-element.elementor-element-47b8f46.elementor-element{--align-self:flex-start;}.elementor-561 .elementor-element.elementor-element-47b8f46 .elementor-icon-wrapper{text-align:center;}.elementor-561 .elementor-element.elementor-element-47b8f46.elementor-view-stacked .elementor-icon{background-color:#FCFCFC;}.elementor-561 .elementor-element.elementor-element-47b8f46.elementor-view-framed .elementor-icon, .elementor-561 .elementor-element.elementor-element-47b8f46.elementor-view-default .elementor-icon{color:#FCFCFC;border-color:#FCFCFC;}.elementor-561 .elementor-element.elementor-element-47b8f46.elementor-view-framed .elementor-icon, .elementor-561 .elementor-element.elementor-element-47b8f46.elementor-view-default .elementor-icon svg{fill:#FCFCFC;}.elementor-561 .elementor-element.elementor-element-a916b3b{--display:flex;--justify-content:flex-end;}.elementor-561 .elementor-element.elementor-element-23c824e{text-align:justify;font-family:"IranYekan", Sans-serif;font-weight:400;color:#000000;}.elementor-561 .elementor-element.elementor-element-5127cb1{--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;--margin-top:-109px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-561 .elementor-element.elementor-element-8286a02{width:var( --container-widget-width, 101.482% );max-width:101.482%;--container-widget-width:101.482%;--container-widget-flex-grow:0;}.elementor-561 .elementor-element.elementor-element-8286a02.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-561 .elementor-element.elementor-element-cf1797a{--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;--row-gap:0px;--column-gap:0px;}.elementor-561 .elementor-element.elementor-element-2e90a5c{--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;--justify-content:flex-start;}.elementor-561 .elementor-element.elementor-element-2e90a5c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-561 .elementor-element.elementor-element-0974cad img{filter:brightness( 102% ) contrast( 100% ) saturate( 85% ) blur( 0px ) hue-rotate( 323deg );}.elementor-561 .elementor-element.elementor-element-8dd15ab .elementor-button{background-color:#0184A0;font-family:"IranYekan", Sans-serif;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);border-radius:18px 18px 18px 18px;padding:15px 30px 14px 24px;}.elementor-561 .elementor-element.elementor-element-8dd15ab{margin:-69px 2px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-561 .elementor-element.elementor-element-8dd15ab .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-561 .elementor-element.elementor-element-2ebbaf9{--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;}.elementor-561 .elementor-element.elementor-element-2960adc{--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;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-561 .elementor-element.elementor-element-723c734{--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;--margin-top:83px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-561 .elementor-element.elementor-element-49a943e{width:var( --container-widget-width, 26.809% );max-width:26.809%;--container-widget-width:26.809%;--container-widget-flex-grow:0;}.elementor-561 .elementor-element.elementor-element-49a943e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-561 .elementor-element.elementor-element-980a267{--swiper-slides-to-display:3;--swiper-slides-gap:54px;width:var( --container-widget-width, 70.007% );max-width:70.007%;--container-widget-width:70.007%;--container-widget-flex-grow:0;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:5px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:-211px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:722px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:-211px;--arrow-normal-color:#0184A0;--swiper-pagination-size:6px;--dots-horizontal-position:100%;--dots-horizontal-transform:-100%;--dots-horizontal-offset:-2px;--dots-vertical-position:100%;--dots-vertical-transform:-100%;--dots-vertical-offset:1px;--swiper-pagination-spacing:12px;}.elementor-561 .elementor-element.elementor-element-980a267 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#00000000;padding:0px 0px 0px -13px;}.elementor-561 .elementor-element.elementor-element-980a267.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-561 .elementor-element.elementor-element-980a267 .swiper-slide > .elementor-element{height:100%;}.elementor-561 .elementor-element.elementor-element-980a267 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:2px;--swiper-pagination-bullet-vertical-gap:2px;}.elementor-561 .elementor-element.elementor-element-a1e376c{--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;--justify-content:center;}.elementor-561 .elementor-element.elementor-element-071cf73{width:var( --container-widget-width, 96.02% );max-width:96.02%;--container-widget-width:96.02%;--container-widget-flex-grow:0;}.elementor-561 .elementor-element.elementor-element-071cf73.elementor-element{--flex-grow:0;--flex-shrink:0;}body.elementor-page-561:not(.elementor-motion-effects-element-type-background), body.elementor-page-561 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(266deg, #FFFFFF 29%, #0184A047 100%);}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-561 .elementor-element.elementor-element-980a267{--swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-561 .elementor-element.elementor-element-66af481{--width:50%;}.elementor-561 .elementor-element.elementor-element-efa3a61{--width:50%;}.elementor-561 .elementor-element.elementor-element-b693665{--width:50%;}.elementor-561 .elementor-element.elementor-element-d34d1cc{--width:51%;}.elementor-561 .elementor-element.elementor-element-e82469d{--width:49%;}.elementor-561 .elementor-element.elementor-element-69054a5{--width:45.553%;}.elementor-561 .elementor-element.elementor-element-5b6f405{--width:50%;}.elementor-561 .elementor-element.elementor-element-2e90a5c{--width:57%;}.elementor-561 .elementor-element.elementor-element-2ebbaf9{--width:50%;}}@media(max-width:767px){.elementor-561 .elementor-element.elementor-element-8810999 img{border-radius:15px 15px 15px 15px;}.elementor-561 .elementor-element.elementor-element-661bb6b{margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-561 .elementor-element.elementor-element-69054a5{--width:500px;--margin-top:0px;--margin-bottom:-133px;--margin-left:0px;--margin-right:0px;}.elementor-561 .elementor-element.elementor-element-49a943e{margin:0px 24px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:302px;--container-widget-flex-grow:0;width:var( --container-widget-width, 302px );max-width:302px;}.elementor-561 .elementor-element.elementor-element-980a267{--swiper-slides-to-display:1;margin:15px 24px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:315px;--container-widget-flex-grow:0;width:var( --container-widget-width, 315px );max-width:315px;--arrow-prev-left-position:12px;--arrow-prev-top-position:-245px;--arrow-next-right-position:242px;--arrow-next-top-position:-244px;}}/* Start custom CSS for html, class: .elementor-element-0cdc099 *//* رنگ برند */ :root{ --brand:#0184A0; } /* ظرف تیتر */ .hero-title-wrap{ position:relative; direction:rtl; padding: 12px 28px 8px 0; /* فضای امن از سمت راست برای خط آبی */ max-width: 58rem; /* عرض معقول برای خوانایی */ } /* خود تیتر */ .hero-title{ font-family: IranYekan, "IRANYekan", sans-serif; font-weight: 800; line-height: 1.25; margin: 0; /* سایز واکنش‌گرا */ font-size: clamp(28px, 4vw, 36px); color:#0F1B24; /* مشکیِ ملایم برای کنتراست بالا */ letter-spacing: -0.3px; } /* خط آبی فیدشونده (عمودی کنار تیتر) */ .hero-title-wrap::before{ content:""; position:absolute; right: 0; /* برای RTL سمت راست */ top: 10%; width: 6px; height: 80%; background: linear-gradient( 180deg, rgba(1,132,160,.65) 0%, rgba(1,132,160,.35) 55%, rgba(1,132,160,0) 100% ); border-radius: 8px; filter: drop-shadow(0 2px 8px rgba(1,132,160,.35)); } /* خط زیر تیتر با فید ملایم (اختیاری) */ .hero-title-wrap::after{ content:""; position:absolute; right: 28px; /* هم‌راستا با متن */ left: 0; bottom: -8px; height: 4px; background: linear-gradient(90deg, var(--brand) 0%, rgba(1,132,160,.25) 60%, rgba(1,132,160,0) 100% ); border-radius: 4px; } /* بهینه‌سازی موبایل */ @media (max-width: 768px){ .hero-title-wrap{ padding-right:20px; } .hero-title-wrap::before{ height: 75%; width:5px; } .hero-title-wrap::after{ bottom:-6px; height:3px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3928964 *//* HTML:
*/ .myimage02 { --r: 21px; /* شعاع گوشه */ --s: 30px; /* عمق برش داخلی */ --x: 90px; /* فاصله افقی برش */ --y: 0px; /* فاصله عمودی برش */ width: 550px; height: 400px; aspect-ratio: 1; background: #3FB8AF; border-radius: var(--r); --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%); --_g:conic-gradient(from 180deg at var(--r) calc(100% - var(--r)), #0000 25%, #000 0); --_d:(var(--s) + var(--r)); mask: calc(var(--_d) + var(--x)) 100% var(--_m), 0 calc(100% - var(--_d) - var(--y)) var(--_m), radial-gradient(var(--s) at 0 100%, #0000 99%, #000 calc(100% + 1px)) calc(var(--r) + var(--x)) calc(-1 * var(--r) - var(--y)), var(--_g) calc(var(--_d) + var(--x)) 0, var(--_g) 0 calc(-1 * var(--_d) - var(--y)); mask-repeat: no-repeat; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8810999 *//* HTML:
*/ .myimage02 { --r: 21px; /* شعاع گوشه */ --s: 30px; /* عمق برش داخلی */ --x: 90px; /* فاصله افقی برش */ --y: 0px; /* فاصله عمودی برش */ width: 550px; height: 400px; aspect-ratio: 1; background: #3FB8AF; border-radius: var(--r); --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%); --_g:conic-gradient(from 180deg at var(--r) calc(100% - var(--r)), #0000 25%, #000 0); --_d:(var(--s) + var(--r)); mask: calc(var(--_d) + var(--x)) 100% var(--_m), 0 calc(100% - var(--_d) - var(--y)) var(--_m), radial-gradient(var(--s) at 0 100%, #0000 99%, #000 calc(100% + 1px)) calc(var(--r) + var(--x)) calc(-1 * var(--r) - var(--y)), var(--_g) calc(var(--_d) + var(--x)) 0, var(--_g) 0 calc(-1 * var(--_d) - var(--y)); mask-repeat: no-repeat; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8524530 */.maincon1 { /* رنگ برند */ --brand: #0184A0; /* گرادیان نرم سفید → آبی */ background: linear-gradient( 90deg, #ffffff 0%, /* سفید کامل از سمت چپ */ #f8fcfd 40%, /* سفید مایل به آبی */ rgba(1,132,160,0.08) 100% /* آبی خیلی کمرنگ در انتها */ ); /* زیبایی بصری عمومی */ min-height: 100vh; /* تا کل ارتفاع صفحه بپوشونه */ width: 100%; background-attachment: fixed; /* حس عمق ملایم */ background-repeat: no-repeat; background-size: cover; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3312a86 */.feature-chips{ font-family: IranYekan,"IRANYekan",sans-serif; display:flex; flex-wrap:wrap; gap:10px 14px; align-items:center; justify-content:flex-start; padding:10px 0 14px; border-bottom:1px solid rgba(1,132,160,.2); /* خط نرم */ } .chip{ display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border-radius:999px; font-size:14px; font-weight:600; color:#0f1b24; background: rgba(1,132,160,.10); transition:transform .2s ease,background-color .2s ease; } .chip::before{ content:""; width:8px; height:8px; border-radius:50%; background: var(--brand,#0184A0); } .chip:hover{ transform:translateY(-1px); background: rgba(1,132,160,.15); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7d581b9 */:root{ --brand:#0184A0; } .mini-cards{ display:flex; gap:14px; align-items:stretch; justify-content:flex-start; font-family: IranYekan,"IRANYekan",sans-serif; } .mini-card{ flex:1 1 280px; border-radius:22px; overflow:hidden; height:140px; display:flex; align-items:center; transition: all .35s ease; box-shadow:0 8px 24px rgba(1,132,160,.15); } .mc-wrap{ padding:18px 20px; z-index:1; position:relative; } /* کارت آبی (چپ) */ .mini-card.left{ color:#fff; background: radial-gradient(circle at 24px 24px, rgba(255,255,255,.25) 20%, transparent 21%) 0 0/48px 48px, radial-gradient(circle at 48px 48px, rgba(255,255,255,.18) 18%, transparent 19%) 0 0/48px 48px, linear-gradient(135deg, #22a9c0 0%, var(--brand) 55%, #36c5da 100%); box-shadow: 0 12px 30px rgba(1,132,160,.25); } .mini-card.left:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(1,132,160,.3); } /* کارت مشکی (راست) */ .mini-card.right{ color:#e9f1f4; background: radial-gradient(circle at 24px 24px, rgba(255,255,255,.08) 22%, transparent 23%) 0 0/48px 48px, radial-gradient(circle at 48px 48px, rgba(255,255,255,.06) 18%, transparent 19%) 0 0/48px 48px, linear-gradient(135deg, #1a1c1e 0%, #0b0f12 100%); box-shadow: 0 12px 30px rgba(0,0,0,.35); } .mini-card.right:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(1,132,160,.3); } .mc-num{ font-weight:800; font-size:42px; line-height:1; margin-bottom:6px; } .mc-title{ font-weight:800; font-size:17px; margin-bottom:4px; } .mc-sub{ font-size:13px; opacity:.95; max-width:28ch; line-height:1.6; } ._light{ color:#f0f6f7; } /* انیمیشن ملایم هنگام هاور */ .mini-card:hover .mc-num{ transform:scale(1.05); transition:transform .3s ease; } /* ریسپانسیو */ @media (max-width:768px){ .mini-cards{ flex-direction:column; gap:12px; } .mini-card{ height:auto; } } /* کارت‌ها رو مات کن */ .mini-card{ position: relative; /* برای لایه‌ی مات */ isolation: isolate; /* ایزوله برای blend درست */ } /* لایه‌ی مات مشترک روی هر دو کارت */ .mini-card::after{ content:""; position:absolute; inset:0; z-index:0; /* پشت محتوا، روی پس‌زمینه کارت */ background: rgba(255,255,255,.08); /* پرده‌ی نازک برای مات */ -webkit-backdrop-filter: blur(6px) saturate(110%); backdrop-filter: blur(6px) saturate(110%); pointer-events:none; } /* چون متن‌ها جلوترن، z-index داشته باشن (تو کدت هست ولی تاکید) */ .mc-wrap{ position:relative; z-index:1; } /* اگر کارت تیره بیش از حد براقه، این کمش می‌کنه */ .mini-card.right::after{ background: rgba(255,255,255,.06); } /* اگر هنوز تند دیده می‌شه، کنتراست زمینه‌ها رو کمی پایین بیار: */ .mini-card.left{ filter: contrast(.95) saturate(.95); } .mini-card.right{ filter: contrast(.92) saturate(.95); } /* هاور ملایم‌تر (اختیاری) */ .mini-card:hover{ box-shadow:0 12px 34px rgba(1,132,160,.22); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-161154a *//* کمربند متحرک (اصلاح شده برای حرکت بی‌نهایت) */ .marquee { position: relative; overflow: hidden; /* ضروری: هرچیزی که از کادر بیرون بزند را مخفی می‌کند */ width: 100%; direction: rtl; /* جهت حرکت را از راست به چپ تنظیم می‌کند */ -webkit-mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); } .track { display: flex; /* آیتم‌ها را در یک خط قرار می‌دهد */ gap: 22px; width: max-content; /* عرض کل محتوا را محاسبه می‌کند */ /* انیمیشن جدید برای حرکت روان و بی‌نهایت */ animation: scroll-rtl 30s linear infinite; } /* جهت و حرکت marquee (اصلاح شده) */ @keyframes scroll-rtl { from { /* از نقطه شروع (جایی که اولین مجموعه برندها دیده می‌شود) */ transform: translateX(0); } to { /* به نقطه‌ای حرکت می‌کند که اولین مجموعه برندها کاملاً از صفحه خارج شده و دومین مجموعه دقیقاً جای آن را گرفته است. */ transform: translateX(50%); } } /* استایل‌های دیگر شما بدون تغییر باقی می‌مانند... */ .brand-belt{ font-family: IranYekan, "IRANYekan", sans-serif; padding: 24px 0 10px; overflow: hidden; } .belt-title{ text-align:center; font-weight:800; font-size: clamp(14px,1.2vw,16px); color:#1a2a33; margin-bottom:12px; } .brand{ display:inline-flex; align-items:center; white-space:nowrap; padding:10px 16px; border-radius:999px; font-weight:600; font-size:14px; color:#0f1b24; background: rgba(1,132,160,.10); transition:transform .25s ease, background-color .25s ease, filter .25s ease; } .brand::before{ content:""; width:8px; height:8px; border-radius:50%; margin-left:8px; background: var(--brand); box-shadow:0 0 0 4px rgba(1,132,160,.15); } .brand:hover{ transform:translateY(-1px); background: rgba(1,132,160,.16); filter: drop-shadow(0 3px 6px rgba(1,132,160,.25)); } @media (max-width:768px){ .brand-belt{ padding:18px 0; } .brand{ font-size:13px; padding:8px 12px; } .track{ animation-duration: 22s; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-53c87b5 */.heading-darya { font-family: IranYekan, "IRANYekan", sans-serif; font-weight: 800; font-size: clamp(28px, 4vw, 46px); line-height: 1.3; color: #0f1b24; } /* فقط مخصوص این تیتر */ .heading-darya .highlight { --bg-opacity: 0.28; /* ← مقدار شفافیت (بین 0 تا 1) */ background: rgba(1, 132, 160, var(--bg-opacity)); /* کد رنگی آبی برند */ padding: 4px 10px; border-radius: 10px; display: inline-block; transition: background 0.3s ease; } /* افکت ظریف هنگام هاور */ .heading-darya .highlight:hover { background: rgba(1, 132, 160, calc(var(--bg-opacity) + 0.1)); }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-23c824e */.myeditor01 { font-family: IranYekan, "IRANYekan", sans-serif; direction: rtl; text-align: justify; line-height: 2; color: #1a2a33; padding: 20px 24px 16px; position: relative; border-top: 2px solid transparent; border-image: linear-gradient(to left, rgba(1,132,160,0.6), rgba(1,132,160,0)); border-image-slice: 1; } /* خط فید شونده در سمت راست */ .myeditor01::before { content: ""; position: absolute; top: 0; right: 0; width: 4px; height: 100%; background: linear-gradient(to bottom, rgba(1,132,160,0.4) 0%, rgba(1,132,160,0.6) 40%, rgba(1,132,160,0.4) 80%, rgba(1,132,160,0) 100%); border-radius: 4px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-8286a02 */.wave-separator { position: relative; height: 140px; width: 100%; overflow: hidden; /* کد SVG با path اصلاح شده برای انحنای پایین */ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,80 C200,120 400,40 600,80 C800,120 1000,40 1200,80 C1300,100 1400,100 1440,90 L1440,140 Q720,180 0,140 Z' fill='%230184a0' fill-opacity='0.25'%3E%3C/path%3E%3C/svg%3E"); background-repeat: repeat-x; background-size: 1440px 140px; animation: move-wave 15s linear infinite; } /* بقیه کدها بدون تغییر باقی می‌مانند */ @keyframes move-wave { from { background-position-x: 0; } to { background-position-x: 1440px; } } .wave-separator.reverse { transform: scaleY(-1); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0974cad *//* HTML: project */ .myimage03 { --r: 28px; /* گردی گوشه‌ها */ --s: 20px; /* عمق فرو رفتگی */ --x: 100px; /* افست افقی */ --y: 20px; /* افست عمودی */ width: 100%; /* تمام عرض کانتینر */ max-width: 2560px; /* محدود به سایز واقعی */ aspect-ratio: 16 / 9; /* حفظ نسبت تصویر */ height: auto; object-fit: cover; border-radius: var(--r); overflow: hidden; /* افکت فرو رفتگی پایین راست */ --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%); --_g:conic-gradient(from 90deg at calc(100% - var(--r)) calc(100% - var(--r)), #0000 25%, #000 0); --_d:(var(--s) + var(--r)); mask: calc(100% - var(--_d) - var(--x)) 100% var(--_m), 100% calc(100% - var(--_d) - var(--y)) var(--_m), radial-gradient(var(--s) at 100% 100%, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(-1*var(--r) - var(--y)), var(--_g) calc(-1*var(--_d) - var(--x)) 0, var(--_g) 0 calc(-1*var(--_d) - var(--y)); mask-repeat: no-repeat; /* برای مرورگرهای WebKit */ -webkit-mask: calc(100% - var(--_d) - var(--x)) 100% var(--_m), 100% calc(100% - var(--_d) - var(--y)) var(--_m), radial-gradient(var(--s) at 100% 100%, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(-1*var(--r) - var(--y)), var(--_g) calc(-1*var(--_d) - var(--x)) 0, var(--_g) 0 calc(-1*var(--_d) - var(--y)); -webkit-mask-repeat: no-repeat; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-106aff5 */:root { --brand: #0184A0; --ink: #0f1b24; } .about-stats { font-family: IranYekan, "IRANYekan", sans-serif; max-width: 500px; /* کمتر از نصف کانتینر */ width: 100%; color: var(--ink); } /* بخش بالا */ .about-stats .head { display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; } .about-stats .years { display: flex; align-items: baseline; gap: 10px; color: var(--brand); } .about-stats .years .num { font-weight: 900; font-size: clamp(42px, 5vw, 60px); line-height: 1; } .about-stats .years .label { font-weight: 700; font-size: clamp(15px, 2vw, 18px); } .about-stats .arrow-icon { width: 24px; height: 24px; margin-right: auto; opacity: 0.85; } .about-stats .desc { font-size: clamp(13px, 1.3vw, 15.5px); line-height: 1.9; color: #31424b; margin: 0; } /* بخش لیست آماری */ .about-stats .stat-list { list-style: none; margin: 10px 0 0; padding: 0; border-top: 2.5px solid rgba(1, 132, 160, 0.35); /* خط بالایی پررنگ‌تر */ } .about-stats .stat-list li { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; border-bottom: 2.5px solid rgba(1, 132, 160, 0.35); /* خطوط ضخیم‌تر */ transition: background 0.3s ease; } .about-stats .stat-list li:hover { background: rgba(1, 132, 160, 0.06); } .about-stats .value { color: var(--brand); font-weight: 900; font-size: clamp(20px, 3.5vw, 28px); } .about-stats .title { font-weight: 700; color: #2b3b44; font-size: clamp(13px, 1.3vw, 15px); flex-grow: 1; text-align: right; margin-right: 8px; } .about-stats .arrow2 { width: 22px; height: 22px; opacity: 0.75; transition: transform 0.3s ease; } .about-stats .stat-list li:hover .arrow2 { transform: translateX(-4px); opacity: 1; } /* ریسپانسیو */ @media (max-width: 768px) { .about-stats { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-879153a */.reviews-darya { --brand:#0184A0; --ink:#0f1b24; font-family: IranYekan,"IRANYekan",sans-serif; } /* تیتر */ .reviews-darya .reviews-head { text-align:right; margin-bottom:20px; } .reviews-darya .reviews-head h3 { margin:0 0 6px; font-weight:900; color:var(--ink); font-size:clamp(18px,2.6vw,24px); } .reviews-darya .reviews-head p { margin:0; color:#40535d; font-size:clamp(13px,1.3vw,14.5px); } /* ✅ چیدمان دو ستونه Masonry واقعی */ .reviews-darya .reviews-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); grid-auto-rows: 1fr; gap: 18px; } /* کارت */ .reviews-darya .review-card { background: linear-gradient(180deg, rgba(1,132,160,.10), rgba(1,132,160,.06)); border:1px solid rgba(1,132,160,.25); border-radius:18px; padding:14px; color:var(--ink); box-shadow:0 10px 26px rgba(1,132,160,.08); position:relative; display:flex; flex-direction:column; justify-content:flex-start; } .review-card.tall { grid-row: span 2; /* کارت‌های بلندتر */ } /* دکمه گرد بالا */ .reviews-darya .circle-cta { position:absolute; top:-14px; left:-14px; width:56px; height:56px; border-radius:999px; border:2px solid var(--brand); background:#e6f7fb; display:grid; place-items:center; box-shadow:0 10px 24px rgba(1,132,160,.18); } .reviews-darya .circle-cta img { width:32px; height:32px; } /* هدر کارت */ .reviews-darya .r-head { display:grid; grid-template-columns:auto 1fr auto; gap:10px 12px; align-items:center; margin-bottom:8px; } .reviews-darya .avatar { width:46px; height:46px; border-radius:50%; object-fit:cover; border:2px solid rgba(1,132,160,.25); } .reviews-darya .meta .name { display:block; font-weight:800; color:var(--ink); } .reviews-darya .meta .role { display:block; font-size:12px; color:#5a6c75; margin-top:2px; } .reviews-darya .rating { display:flex; align-items:center; gap:8px; color:#ffb400; font-weight:900; } .reviews-darya .rating .score { color:var(--ink); font-weight:800; } /* متن نظر */ .reviews-darya .r-text { margin:0; font-size:14px; line-height:1.9; color:#31424b; background:rgba(255,255,255,.45); padding:10px 12px; border-radius:12px; border:1px solid rgba(1,132,160,.15); } /* ناوبری پایین */ .reviews-darya .reviews-nav { display:flex; gap:18px; justify-content:center; margin-top:22px; } .reviews-darya .nav-btn { width:200px; height:60px; border-radius:999px; background:rgba(1,132,160,.15); border:2.5px solid rgba(1,132,160,.6); display:flex; align-items:center; justify-content:center; transition:transform .25s ease, box-shadow .25s ease; } .reviews-darya .nav-btn img { width:38px; height:38px; } .reviews-darya .nav-btn:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(1,132,160,.22); } .reviews-darya .nav-btn.prev img { transform:scaleX(-1); } @media (max-width: 768px) { .reviews-darya .reviews-grid { grid-template-columns: 1fr; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-49a943e */.blog-card-intro { background: linear-gradient(135deg, rgba(1,132,160,0.95), rgba(1,132,160,0.8)); color: #fff; font-family: "IRANYekan", sans-serif; border-radius: 22px; padding: 36px 28px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: right; height: 96%; box-shadow: 0 8px 24px rgba(1,132,160,0.25); transition: all 0.3s ease; } .blog-card-intro:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(1,132,160,0.35); } .blog-card-intro h3 { font-size: 1.6rem; font-weight: 900; margin-bottom: 20px; } .blog-card-intro p { font-size: 0.95rem; line-height: 1.8; opacity: 0.9; margin-bottom: 64px; } /* دکمه مشاهده */ .see-more-btn { background: #fff; color: #0184A0; font-weight: 700; border: none; border-radius: 50px; padding: 10px 22px; font-size: 0.95rem; display: flex; align-items: center; gap: 10px; cursor: pointer; transition: all 0.3s ease; } .see-more-btn img { width: 18px; height: 18px; filter: invert(33%) sepia(92%) saturate(671%) hue-rotate(159deg) brightness(92%) contrast(90%); transition: transform 0.3s ease; } .see-more-btn:hover { background: #e7f6fa; color: #015f75; } .see-more-btn:hover img { transform: translateX(-4px); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-980a267 */.myc1{ --brand:#0184A0; --dot-idle-bg: rgba(1,132,160,.18); --dot-idle-br: rgba(1,132,160,.55); --dot-active-bg: linear-gradient(90deg, #0192af, #0184A0); --dot-size: 10px; --dot-gap: 8px; --dot-active-w: 22px; } /* container (برای Swiper یا Slick یا Splide) */ .myc1 .swiper-pagination, .myc1 .splide__pagination, .myc1 .slick-dots{ display:flex!important; justify-content:center; align-items:center; gap: var(--dot-gap); padding: 8px 6px; position: relative; z-index: 2; margin-top: 18px; /* ← فاصله از بالا بیشتر شد */ } /* نقطه‌ها */ .myc1 .swiper-pagination-bullet, .myc1 .splide__pagination__page, .myc1 .slick-dots li button{ width: var(--dot-size); height: var(--dot-size); border-radius: 999px; background: var(--dot-idle-bg); border: 1.5px solid var(--dot-idle-br); box-shadow: 0 2px 6px rgba(1,132,160,.10); transition: all .25s ease; cursor: pointer; opacity: 1 !important; } /* حذف نقطه پیش‌فرض Slick */ .myc1 .slick-dots li button:before{ content:none; } /* هاور */ .myc1 .swiper-pagination-bullet:hover, .myc1 .splide__pagination__page:hover, .myc1 .slick-dots li button:hover{ transform: translateY(-1px); border-color:#0184A0; } /* نقطه فعال */ .myc1 .swiper-pagination-bullet.swiper-pagination-bullet-active, .myc1 .splide__pagination__page.is-active, .myc1 .slick-dots li.slick-active button{ width: var(--dot-active-w); background: var(--dot-active-bg); border-color: #0184A0; box-shadow: 0 6px 14px rgba(1,132,160,.22); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-071cf73 *//* =================== Darya Buildings FAQ =================== */ .darya-faq { font-family: "IranYekan", "IRANSansX", sans-serif; padding: clamp(32px, 5vw, 64px) 0; } .darya-faq__wrap { max-width: 1100px; margin: 0 auto; padding: 0 18px; } .darya-faq__title { text-align: center; color: #014652; font-size: clamp(22px, 3vw, 32px); font-weight: 800; margin-bottom: 26px; } .darya-faq__title::after { content: ""; display: block; width: 120px; height: 3px; margin: 8px auto 0; border-radius: 10px; background: linear-gradient(90deg, #0184A0, #12AFC2); box-shadow: 0 4px 10px rgba(1, 132, 160, 0.3); } .darya-faq__grid { display: grid; gap: 18px; grid-template-columns: 1fr; } @media (min-width: 900px) { .darya-faq__grid { grid-template-columns: 1fr 1fr; } } /* --- کارت آیتم --- */ .darya-faq__item { border: 1px solid rgba(1, 132, 160, 0.18); background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(6px); border-radius: 18px; box-shadow: 0 6px 16px rgba(1, 132, 160, 0.15); overflow: hidden; transition: box-shadow 0.25s ease, background 0.25s ease; } .darya-faq__item:hover { box-shadow: 0 10px 28px rgba(1, 132, 160, 0.2); } /* --- سوال --- */ .darya-faq__q { list-style: none; cursor: pointer; padding: 18px 22px; font-weight: 700; font-size: 17px; color: #03353d; display: flex; align-items: center; justify-content: space-between; } .darya-faq__q::after { content: "+"; width: 32px; height: 32px; flex: 0 0 32px; display: grid; place-items: center; border-radius: 10px; border: 1px solid rgba(1, 132, 160, 0.3); background: rgba(1, 132, 160, 0.08); color: #0184A0; font-size: 18px; font-weight: 900; transition: all 0.25s ease; } .darya-faq__item[open] .darya-faq__q::after { content: "–"; background: #0184A0; color: #fff; } /* --- پاسخ --- */ .darya-faq__a { padding: 16px 22px 22px; font-size: 15px; line-height: 1.9; color: #07505e; background: rgba(255, 255, 255, 0.95); border-top: 1px solid rgba(1, 132, 160, 0.15); } .darya-faq__item[open] .darya-faq__a { color: #03353d; background: #ffffff; box-shadow: inset 0 6px 12px rgba(1, 132, 160, 0.08); } /* جلوگیری از کش آمدن آیتم کناری */ .darya-faq__grid{ align-items: start; /* آیتم‌ها کش نیان */ } .darya-faq__item{ align-self: start; /* هر کارت به ارتفاع محتوای خودش */ height: auto; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'IranYekan'; font-style: normal; font-weight: 100; font-display: auto; src: url('http://daryabuildings.com/wp-content/uploads/2025/10/iranyekanxfanum-light.woff2') format('woff2'); } @font-face { font-family: 'IranYekan'; font-style: normal; font-weight: 200; font-display: auto; src: url('http://daryabuildings.com/wp-content/uploads/2025/10/iranyekanxfanum-regular.woff2') format('woff2'); } @font-face { font-family: 'IranYekan'; font-style: normal; font-weight: 300; font-display: auto; src: url('http://daryabuildings.com/wp-content/uploads/2025/10/iranyekanxfanum-medium.woff2') format('woff2'); } @font-face { font-family: 'IranYekan'; font-style: normal; font-weight: 400; font-display: auto; src: url('http://daryabuildings.com/wp-content/uploads/2025/10/iranyekanxfanum-demibold.woff2') format('woff2'); } @font-face { font-family: 'IranYekan'; font-style: normal; font-weight: 500; font-display: auto; src: url('http://daryabuildings.com/wp-content/uploads/2025/10/iranyekanxfanum-bold.woff2') format('woff2'); } @font-face { font-family: 'IranYekan'; font-style: normal; font-weight: 600; font-display: auto; src: url('http://daryabuildings.com/wp-content/uploads/2025/10/iranyekanxfanum-extrabold.woff2') format('woff2'); } @font-face { font-family: 'IranYekan'; font-style: normal; font-weight: 700; font-display: auto; src: url('http://daryabuildings.com/wp-content/uploads/2025/10/iranyekanxfanum-black.woff2') format('woff2'); } /* End Custom Fonts CSS */