.elementor-40 .elementor-element.elementor-element-a26b6f7{--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;--border-radius:28px 28px 28px 28px;box-shadow:0px 18px 55px -35px rgba(2,71,214,0.16);--padding-top:90px;--padding-bottom:90px;--padding-left:30px;--padding-right:30px;}.elementor-40 .elementor-element.elementor-element-211c886{--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;--align-items:flex-start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-409978b{text-align:start;}.elementor-40 .elementor-element.elementor-element-409978b .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#F56F03;}.elementor-40 .elementor-element.elementor-element-6ccf98c{text-align:start;}.elementor-40 .elementor-element.elementor-element-6ccf98c .elementor-heading-title{font-family:"iranyekanwebextrabold", Sans-serif;font-size:30px;font-weight:400;line-height:45px;color:#062B8F;}.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-40 .elementor-element.elementor-element-8f22608{text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#52627A;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-40 .elementor-element.elementor-element-c3ca812 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-40 .elementor-element.elementor-element-c3ca812 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-40 .elementor-element.elementor-element-c3ca812 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-40 .elementor-element.elementor-element-c3ca812 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-40 .elementor-element.elementor-element-c3ca812 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-40 .elementor-element.elementor-element-c3ca812 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-40 .elementor-element.elementor-element-c3ca812 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-40 .elementor-element.elementor-element-c3ca812{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-40 .elementor-element.elementor-element-c3ca812 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-40 .elementor-element.elementor-element-c3ca812 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-40 .elementor-element.elementor-element-c3ca812 .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-40 .elementor-element.elementor-element-c3ca812 .elementor-icon-list-text{color:#26364D;transition:color 0.3s;}.elementor-40 .elementor-element.elementor-element-48b93eb{--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:center;--border-radius:26px 26px 26px 26px;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-40 .elementor-element.elementor-element-48b93eb:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-48b93eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAF3FF;}.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-40 .elementor-element.elementor-element-f6110a6{text-align:center;}.elementor-40 .elementor-element.elementor-element-f1009b3{--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-40 .elementor-element.elementor-element-f1009b3 > .elementor-shape-bottom .elementor-shape-fill, .elementor-40 .elementor-element.elementor-element-f1009b3 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-f1009b3 > .elementor-shape-bottom svg, .elementor-40 .elementor-element.elementor-element-f1009b3 > .e-con-inner > .elementor-shape-bottom svg{height:77px;}.elementor-40 .elementor-element.elementor-element-2b667ee .elementor-heading-title{font-family:"iranyekanwebextrabold", Sans-serif;font-size:30px;font-weight:400;}.elementor-40 .elementor-element.elementor-element-17b5da7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-7312fce{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-40 .elementor-element.elementor-element-d6bc60d{--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-40 .elementor-element.elementor-element-15d6fa6{text-align:center;}.elementor-40 .elementor-element.elementor-element-15d6fa6 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#FF7A00;}.elementor-40 .elementor-element.elementor-element-fda9173{text-align:center;}.elementor-40 .elementor-element.elementor-element-fda9173 .elementor-heading-title{font-family:"iranyekanwebextrabold", Sans-serif;font-size:30px;font-weight:400;color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-1a8811b{text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#64748B;}.elementor-40 .elementor-element.elementor-element-8183068{--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:space-between;--flex-wrap:wrap;}.elementor-40 .elementor-element.elementor-element-867a266{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E6EEFF;--border-color:#E6EEFF;box-shadow:0px 12px 35px 0px rgba(6,53,143,0.08);--padding-top:24px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-40 .elementor-element.elementor-element-867a266:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-867a266 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-867a266.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-40 .elementor-element.elementor-element-cd4d99c{text-align:center;}.elementor-40 .elementor-element.elementor-element-cd4d99c img{width:72%;}.elementor-40 .elementor-element.elementor-element-7718182 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#FF7A00;}.elementor-40 .elementor-element.elementor-element-c2fa182 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#071A3A;}.elementor-40 .elementor-element.elementor-element-40b7799{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#64748B;}.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-40 .elementor-element.elementor-element-65b73ef .elementor-button{background-color:#FFFFFF;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:#075BFF;color:#075BFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DCE7FF;}.elementor-40 .elementor-element.elementor-element-8e796e8{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E6EEFF;--border-color:#E6EEFF;box-shadow:0px 12px 35px 0px rgba(6,53,143,0.08);--padding-top:24px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-40 .elementor-element.elementor-element-8e796e8:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-8e796e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-a8cee4e{text-align:center;}.elementor-40 .elementor-element.elementor-element-a8cee4e img{width:72%;}.elementor-40 .elementor-element.elementor-element-dfa8a56 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#075BFF;}.elementor-40 .elementor-element.elementor-element-c5fbed1 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#071A3A;}.elementor-40 .elementor-element.elementor-element-b615480{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#64748B;}.elementor-40 .elementor-element.elementor-element-6bc0780 .elementor-button{background-color:#FFFFFF;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:#075BFF;color:#075BFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DCE7FF;}.elementor-40 .elementor-element.elementor-element-b5a00f3{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E6EEFF;--border-color:#E6EEFF;box-shadow:0px 12px 35px 0px rgba(6,53,143,0.08);--padding-top:24px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-40 .elementor-element.elementor-element-b5a00f3:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-b5a00f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-4bea084{text-align:center;}.elementor-40 .elementor-element.elementor-element-4bea084 img{width:72%;}.elementor-40 .elementor-element.elementor-element-21a849d .elementor-heading-title{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-secondary );}.elementor-40 .elementor-element.elementor-element-ec725f8 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#071A3A;}.elementor-40 .elementor-element.elementor-element-bbf5bb3{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#64748B;}.elementor-40 .elementor-element.elementor-element-f7cc534 .elementor-button{background-color:#FFFFFF;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:#075BFF;color:#075BFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DCE7FF;}.elementor-40 .elementor-element.elementor-element-9129258{--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:space-between;--flex-wrap:wrap;}.elementor-40 .elementor-element.elementor-element-cd5d576{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E6EEFF;--border-color:#E6EEFF;box-shadow:0px 12px 35px 0px rgba(6,53,143,0.08);--padding-top:24px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-40 .elementor-element.elementor-element-cd5d576:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-cd5d576 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-15d3f7e{text-align:center;}.elementor-40 .elementor-element.elementor-element-15d3f7e img{width:72%;}.elementor-40 .elementor-element.elementor-element-d32bf40 .elementor-heading-title{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-secondary );}.elementor-40 .elementor-element.elementor-element-b4f23d0 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#071A3A;}.elementor-40 .elementor-element.elementor-element-e2f7c98{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#64748B;}.elementor-40 .elementor-element.elementor-element-aaa47ef .elementor-button{background-color:#FFFFFF;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:#075BFF;color:#075BFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DCE7FF;}.elementor-40 .elementor-element.elementor-element-bc1af6f{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E6EEFF;--border-color:#E6EEFF;box-shadow:0px 12px 35px 0px rgba(6,53,143,0.08);--padding-top:24px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-40 .elementor-element.elementor-element-bc1af6f:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-bc1af6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-dffbe51{text-align:center;}.elementor-40 .elementor-element.elementor-element-dffbe51 img{width:72%;}.elementor-40 .elementor-element.elementor-element-9c81dd9 .elementor-heading-title{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-primary );}.elementor-40 .elementor-element.elementor-element-6c407e3 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#071A3A;}.elementor-40 .elementor-element.elementor-element-a2bcf92{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#64748B;}.elementor-40 .elementor-element.elementor-element-580e8a3 .elementor-button{background-color:#FFFFFF;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:#075BFF;color:#075BFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DCE7FF;}.elementor-40 .elementor-element.elementor-element-036a3bc{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E6EEFF;--border-color:#E6EEFF;box-shadow:0px 12px 35px 0px rgba(6,53,143,0.08);--padding-top:24px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-40 .elementor-element.elementor-element-036a3bc:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-036a3bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-f5e0d6c{text-align:center;}.elementor-40 .elementor-element.elementor-element-f5e0d6c img{width:72%;}.elementor-40 .elementor-element.elementor-element-0e1e74e .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#075BFF;}.elementor-40 .elementor-element.elementor-element-8cd5895 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#071A3A;}.elementor-40 .elementor-element.elementor-element-0b3ff3e{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#64748B;}.elementor-40 .elementor-element.elementor-element-c3fe220 .elementor-button{background-color:#FFFFFF;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:#075BFF;color:#075BFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DCE7FF;}.elementor-40 .elementor-element.elementor-element-cc75a2f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;border-style:dashed;--border-style:dashed;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F7FAFF;--border-color:#F7FAFF;--border-radius:20px 20px 20px 20px;--padding-top:26px;--padding-bottom:26px;--padding-left:30px;--padding-right:30px;}.elementor-40 .elementor-element.elementor-element-cc75a2f:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-cc75a2f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-0c4cd39{--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-40 .elementor-element.elementor-element-0c4cd39.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-40 .elementor-element.elementor-element-bb94269 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-5d8f0e0{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#C9D7F2;}.elementor-40 .elementor-element.elementor-element-4f813a3 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:#FFFFFF;color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-e73a913{--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;--padding-top:90px;--padding-bottom:90px;--padding-left:24px;--padding-right:24px;}.elementor-40 .elementor-element.elementor-element-e73a913:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-e73a913 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F8FF;}.elementor-40 .elementor-element.elementor-element-077a701{--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;--padding-top:0px;--padding-bottom:14px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-92aec39{--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;}.elementor-40 .elementor-element.elementor-element-974a09c{text-align:center;}.elementor-40 .elementor-element.elementor-element-974a09c .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#FF8A00;}.elementor-40 .elementor-element.elementor-element-d566d69{text-align:center;}.elementor-40 .elementor-element.elementor-element-d566d69 .elementor-heading-title{font-family:"iranyekanwebextrabold", Sans-serif;font-size:30px;font-weight:400;color:#102A56;}.elementor-40 .elementor-element.elementor-element-a1d1266{text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-40 .elementor-element.elementor-element-487d213{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:12px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-dd6f0d8{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7EEFA;--border-color:#E7EEFA;--border-radius:24px 24px 24px 24px;box-shadow:0px 12px 36px -18px rgba(18, 57, 125, 0.20);--padding-top:18px;--padding-bottom:24px;--padding-left:18px;--padding-right:18px;}.elementor-40 .elementor-element.elementor-element-dd6f0d8:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-dd6f0d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-37b55fb{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-1a8490a{text-align:end;}.elementor-40 .elementor-element.elementor-element-1a8490a .elementor-heading-title{font-size:13px;font-weight:700;color:#1457D9;}.elementor-40 .elementor-element.elementor-element-b69ace8{text-align:start;}.elementor-40 .elementor-element.elementor-element-b69ace8 .elementor-heading-title{font-size:20px;color:#FF8A00;}.elementor-40 .elementor-element.elementor-element-50eb1bb{--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-40 .elementor-element.elementor-element-dbf4a05{text-align:center;}.elementor-40 .elementor-element.elementor-element-285044b{text-align:center;}.elementor-40 .elementor-element.elementor-element-285044b .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#102A56;}.elementor-40 .elementor-element.elementor-element-9dcd3f4{text-align:center;}.elementor-40 .elementor-element.elementor-element-9dcd3f4 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#1457D9;}.elementor-40 .elementor-element.elementor-element-e1f9720{text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-40 .elementor-element.elementor-element-611d000{--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;--padding-top:6px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-7a6074b{text-align:center;}.elementor-40 .elementor-element.elementor-element-7a6074b .elementor-heading-title{font-size:12px;font-weight:800;color:#1457D9;}.elementor-40 .elementor-element.elementor-element-1ff6530{text-align:center;}.elementor-40 .elementor-element.elementor-element-1ff6530 .elementor-heading-title{font-size:17px;font-weight:700;color:#FF8A00;}.elementor-40 .elementor-element.elementor-element-cbc843c{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7EEFA;--border-color:#E7EEFA;--border-radius:24px 24px 24px 24px;box-shadow:0px 12px 36px -18px rgba(18, 57, 125, 0.20);--padding-top:18px;--padding-bottom:24px;--padding-left:18px;--padding-right:18px;}.elementor-40 .elementor-element.elementor-element-cbc843c:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-cbc843c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-956fa0f{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-f02ad34{text-align:end;}.elementor-40 .elementor-element.elementor-element-f02ad34 .elementor-heading-title{font-size:13px;font-weight:700;color:#1457D9;}.elementor-40 .elementor-element.elementor-element-df4eef6{text-align:start;}.elementor-40 .elementor-element.elementor-element-df4eef6 .elementor-heading-title{font-size:20px;color:#FF8A00;}.elementor-40 .elementor-element.elementor-element-c74de52{--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-40 .elementor-element.elementor-element-a41f343{text-align:center;}.elementor-40 .elementor-element.elementor-element-82d7a9c{text-align:center;}.elementor-40 .elementor-element.elementor-element-82d7a9c .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#102A56;}.elementor-40 .elementor-element.elementor-element-c31fb3e{text-align:center;}.elementor-40 .elementor-element.elementor-element-c31fb3e .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#1457D9;}.elementor-40 .elementor-element.elementor-element-dc68dfa{text-align:center;}.elementor-40 .elementor-element.elementor-element-2dc573c{--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;--padding-top:6px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-1ce7f35{text-align:center;}.elementor-40 .elementor-element.elementor-element-1ce7f35 .elementor-heading-title{font-size:12px;font-weight:800;color:#1457D9;}.elementor-40 .elementor-element.elementor-element-cf294b0{text-align:center;}.elementor-40 .elementor-element.elementor-element-cf294b0 .elementor-heading-title{font-size:17px;font-weight:700;color:#FF8A00;}.elementor-40 .elementor-element.elementor-element-beb0884{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7EEFA;--border-color:#E7EEFA;--border-radius:24px 24px 24px 24px;box-shadow:0px 12px 36px -18px rgba(18, 57, 125, 0.20);--padding-top:18px;--padding-bottom:24px;--padding-left:18px;--padding-right:18px;}.elementor-40 .elementor-element.elementor-element-beb0884:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-beb0884 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-1da2152{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-fc81ca0{text-align:end;}.elementor-40 .elementor-element.elementor-element-fc81ca0 .elementor-heading-title{font-size:13px;font-weight:700;color:#1457D9;}.elementor-40 .elementor-element.elementor-element-4585353{text-align:start;}.elementor-40 .elementor-element.elementor-element-4585353 .elementor-heading-title{font-size:20px;color:#FF8A00;}.elementor-40 .elementor-element.elementor-element-b1b0422{--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-40 .elementor-element.elementor-element-930aba4{text-align:center;}.elementor-40 .elementor-element.elementor-element-ee1f6bf{text-align:center;}.elementor-40 .elementor-element.elementor-element-ee1f6bf .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#102A56;}.elementor-40 .elementor-element.elementor-element-81a27b5{text-align:center;}.elementor-40 .elementor-element.elementor-element-81a27b5 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#1457D9;}.elementor-40 .elementor-element.elementor-element-9ea7ffd{text-align:center;}.elementor-40 .elementor-element.elementor-element-496a9dd{--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;--padding-top:6px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-c032394{text-align:center;}.elementor-40 .elementor-element.elementor-element-c032394 .elementor-heading-title{font-size:12px;font-weight:800;color:#1457D9;}.elementor-40 .elementor-element.elementor-element-8d7585f{text-align:center;}.elementor-40 .elementor-element.elementor-element-8d7585f .elementor-heading-title{font-size:17px;font-weight:700;color:#FF8A00;}.elementor-40 .elementor-element.elementor-element-98c2220{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7EEFA;--border-color:#E7EEFA;--border-radius:24px 24px 24px 24px;box-shadow:0px 12px 36px -18px rgba(18, 57, 125, 0.20);--padding-top:18px;--padding-bottom:24px;--padding-left:18px;--padding-right:18px;}.elementor-40 .elementor-element.elementor-element-98c2220:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-98c2220 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-6041cf6{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-c3a2d3c{text-align:end;}.elementor-40 .elementor-element.elementor-element-c3a2d3c .elementor-heading-title{font-size:13px;font-weight:700;color:#1457D9;}.elementor-40 .elementor-element.elementor-element-11ccd9a{text-align:start;}.elementor-40 .elementor-element.elementor-element-11ccd9a .elementor-heading-title{font-size:20px;color:#FF8A00;}.elementor-40 .elementor-element.elementor-element-924f137{--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-40 .elementor-element.elementor-element-d5611be{text-align:center;}.elementor-40 .elementor-element.elementor-element-f95d06e{text-align:center;}.elementor-40 .elementor-element.elementor-element-f95d06e .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#102A56;}.elementor-40 .elementor-element.elementor-element-314dd53{text-align:center;}.elementor-40 .elementor-element.elementor-element-314dd53 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#1457D9;}.elementor-40 .elementor-element.elementor-element-e8fb4d3{text-align:center;}.elementor-40 .elementor-element.elementor-element-5030278{--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;--padding-top:6px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-4f6297c{text-align:center;}.elementor-40 .elementor-element.elementor-element-4f6297c .elementor-heading-title{font-size:12px;font-weight:800;color:#1457D9;}.elementor-40 .elementor-element.elementor-element-d913b6a{text-align:center;}.elementor-40 .elementor-element.elementor-element-d913b6a .elementor-heading-title{font-size:17px;font-weight:700;color:#FF8A00;}.elementor-40 .elementor-element.elementor-element-8072664{--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;--padding-top:22px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-8dcedc1{text-align:center;}.elementor-40 .elementor-element.elementor-element-8dcedc1 .elementor-heading-title{font-family:"iranyekanwebthin", Sans-serif;font-size:30px;font-weight:600;color:#102A56;}.elementor-40 .elementor-element.elementor-element-3163cd9 .elementor-button{background-color:#1457D9;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:#FFFFFF;color:#FFFFFF;border-radius:12px 12px 12px 12px;}.elementor-40 .elementor-element.elementor-element-3163cd9 .elementor-button:hover, .elementor-40 .elementor-element.elementor-element-3163cd9 .elementor-button:focus{background-color:#FF8A00;}.elementor-40 .elementor-element.elementor-element-f63e5ce{--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;--padding-top:96px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-40 .elementor-element.elementor-element-f63e5ce:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-f63e5ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F7FC;}.elementor-40 .elementor-element.elementor-element-540a761{--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;}.elementor-40 .elementor-element.elementor-element-eb7bf8f{--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-40 .elementor-element.elementor-element-8ffef0d{text-align:start;}.elementor-40 .elementor-element.elementor-element-8ffef0d .elementor-heading-title{font-family:"iranyekanwebextrabold", Sans-serif;font-size:30px;font-weight:400;color:#102A56;}.elementor-40 .elementor-element.elementor-element-4c07ce4{text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-40 .elementor-element.elementor-element-e281d5a{--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;}.elementor-40 .elementor-element.elementor-element-bc4ffa1{text-align:center;}.elementor-40 .elementor-element.elementor-element-bc4ffa1 .elementor-heading-title{font-size:18px;color:#FF8A00;}.elementor-40 .elementor-element.elementor-element-a99822b{text-align:start;}.elementor-40 .elementor-element.elementor-element-a99822b .elementor-heading-title{font-size:13px;font-weight:700;color:#1457D9;}.elementor-40 .elementor-element.elementor-element-f6c3aff{--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;--flex-wrap:nowrap;}.elementor-40 .elementor-element.elementor-element-a6b7519{--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;--border-radius:30px 30px 30px 30px;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-40 .elementor-element.elementor-element-a6b7519:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-a6b7519 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(145deg, #1457D9 0%, #0D2F7A 100%);}.elementor-40 .elementor-element.elementor-element-fdfa3bb{--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-40 .elementor-element.elementor-element-7d23079{text-align:start;}.elementor-40 .elementor-element.elementor-element-7d23079 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-9e299d8{text-align:start;}.elementor-40 .elementor-element.elementor-element-4fada7c{--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;}.elementor-40 .elementor-element.elementor-element-67379e0{text-align:center;}.elementor-40 .elementor-element.elementor-element-3f55275 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(14px/2);}.elementor-40 .elementor-element.elementor-element-3f55275 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(14px/2);}.elementor-40 .elementor-element.elementor-element-3f55275 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(14px/2);}.elementor-40 .elementor-element.elementor-element-3f55275 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-14px/2);}.elementor-40 .elementor-element.elementor-element-3f55275 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-14px/2);}.elementor-40 .elementor-element.elementor-element-3f55275 .elementor-icon-list-icon i{color:#1457D9;transition:color 0.3s;}.elementor-40 .elementor-element.elementor-element-3f55275 .elementor-icon-list-icon svg{fill:#1457D9;transition:fill 0.3s;}.elementor-40 .elementor-element.elementor-element-3f55275{--e-icon-list-icon-size:17px;--icon-vertical-offset:0px;}.elementor-40 .elementor-element.elementor-element-3f55275 .elementor-icon-list-text{color:#263858;transition:color 0.3s;}.elementor-40 .elementor-element.elementor-element-692a54c{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E4EBF6;--border-color:#E4EBF6;--border-radius:30px 30px 30px 30px;box-shadow:0px 22px 60px -25px rgba(16,42,86,.28);--padding-top:34px;--padding-bottom:34px;--padding-left:34px;--padding-right:34px;}.elementor-40 .elementor-element.elementor-element-692a54c:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-692a54c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-b7f7ff6{--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-40 .elementor-element.elementor-element-6ec4adf{text-align:start;}.elementor-40 .elementor-element.elementor-element-6ec4adf .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#102A56;}.elementor-40 .elementor-element.elementor-element-fde5e79{text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-40 .elementor-element.elementor-element-91b2432 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-40 .elementor-element.elementor-element-91b2432 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-40 .elementor-element.elementor-element-91b2432 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-40 .elementor-element.elementor-element-91b2432 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-40 .elementor-element.elementor-element-91b2432 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-40 .elementor-element.elementor-element-91b2432 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-40 .elementor-element.elementor-element-91b2432 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-40 .elementor-element.elementor-element-91b2432 .elementor-field-type-html{padding-bottom:0px;}.elementor-40 .elementor-element.elementor-element-91b2432 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-40 .elementor-element.elementor-element-91b2432 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-40 .elementor-element.elementor-element-91b2432 .elementor-button{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-40 .elementor-element.elementor-element-91b2432 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-40 .elementor-element.elementor-element-91b2432 .elementor-button[type="submit"]{color:#ffffff;}.elementor-40 .elementor-element.elementor-element-91b2432 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-40 .elementor-element.elementor-element-91b2432 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-40 .elementor-element.elementor-element-91b2432 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-40 .elementor-element.elementor-element-91b2432 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-40 .elementor-element.elementor-element-91b2432 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-40 .elementor-element.elementor-element-91b2432 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-40 .elementor-element.elementor-element-91b2432{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-40 .elementor-element.elementor-element-487d213{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-40 .elementor-element.elementor-element-a26b6f7{--content-width:1180px;}.elementor-40 .elementor-element.elementor-element-867a266{--width:30%;}.elementor-40 .elementor-element.elementor-element-8e796e8{--width:30%;}.elementor-40 .elementor-element.elementor-element-b5a00f3{--width:30%;}.elementor-40 .elementor-element.elementor-element-cd5d576{--width:30%;}.elementor-40 .elementor-element.elementor-element-bc1af6f{--width:30%;}.elementor-40 .elementor-element.elementor-element-036a3bc{--width:30%;}.elementor-40 .elementor-element.elementor-element-0c4cd39{--width:74.959%;}.elementor-40 .elementor-element.elementor-element-e73a913{--content-width:1200px;}.elementor-40 .elementor-element.elementor-element-487d213{--width:100%;}.elementor-40 .elementor-element.elementor-element-dd6f0d8{--width:100%;}.elementor-40 .elementor-element.elementor-element-cbc843c{--width:100%;}.elementor-40 .elementor-element.elementor-element-beb0884{--width:100%;}.elementor-40 .elementor-element.elementor-element-98c2220{--width:100%;}.elementor-40 .elementor-element.elementor-element-f63e5ce{--content-width:1240px;}.elementor-40 .elementor-element.elementor-element-f6c3aff{--width:100%;}.elementor-40 .elementor-element.elementor-element-a6b7519{--width:100%;}.elementor-40 .elementor-element.elementor-element-692a54c{--width:100%;}}@media(max-width:767px){.elementor-40 .elementor-element.elementor-element-487d213{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-6ccf98c *//* ========================================= WEBKELA — ABOUT TITLE Gradient + Premium Motion ========================================= */ .elementor-40 .elementor-element.elementor-element-6ccf98c { position: relative; display: inline-block; /* Gradient برند وبکلا */ background: linear-gradient( 100deg, #0236B8 0%, #0259EB 30%, #016CFA 55%, #F56F03 82%, #FC9F01 100% ); background-size: 220% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: webkelaTitleGradient 5s ease-in-out infinite, webkelaTitleFloat 4s ease-in-out infinite; } /* حرکت آرام گرادیان */ @keyframes webkelaTitleGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* حرکت بسیار ظریف تیتر */ @keyframes webkelaTitleFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } } /* خط نورانی ظریف زیر تیتر */ .elementor-40 .elementor-element.elementor-element-6ccf98c::after { content: ""; position: absolute; bottom: -10px; right: 0; width: 55px; height: 3px; border-radius: 20px; background: linear-gradient( 90deg, #0236B8, #0259EB, #016CFA, #F56F03 ); background-size: 200% 100%; box-shadow: 0 0 10px rgba(1,108,250,.35), 0 0 18px rgba(245,111,3,.20); animation: webkelaTitleLine 3s ease-in-out infinite; } /* حرکت خط زیر عنوان */ @keyframes webkelaTitleLine { 0%, 100% { width: 45px; opacity: .65; background-position: 0% 50%; } 50% { width: 85px; opacity: 1; background-position: 100% 50%; } } /* حالت Hover */ .elementor-40 .elementor-element.elementor-element-6ccf98c:hover { animation-play-state: paused; background-position: 100% 50%; filter: drop-shadow(0 5px 15px rgba(2,89,235,.18)); } /* احترام به Reduced Motion */ @media (prefers-reduced-motion: reduce) { .elementor-40 .elementor-element.elementor-element-6ccf98c, .elementor-40 .elementor-element.elementor-element-6ccf98c::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f6110a6 *//* ========================================= WEBKELA ABOUT BANNER PREMIUM ANIMATED FRAME ========================================= */ .elementor-40 .elementor-element.elementor-element-f6110a6 { --blue-dark: #0236B8; --blue: #0259EB; --blue-light: #016CFA; --orange: #F56F03; --orange-light: #FC9F01; position: relative; isolation: isolate; padding: 12px; } /* ----------------------------------------- IMAGE ----------------------------------------- */ .elementor-40 .elementor-element.elementor-element-f6110a6 img { position: relative; z-index: 5; display: block; width: 100%; border-radius: 22px; box-shadow: 0 25px 60px rgba(2, 54, 184, .16), 0 8px 25px rgba(2, 89, 235, .10); } /* ----------------------------------------- MAIN FRAME ----------------------------------------- */ .elementor-40 .elementor-element.elementor-element-f6110a6::before { content: ""; position: absolute; z-index: 1; inset: 3px; border-radius: 29px; background: linear-gradient( 135deg, rgba(2, 89, 235, .65), rgba(2, 89, 235, .08) 35%, rgba(245, 111, 3, .08) 65%, rgba(245, 111, 3, .65) ); padding: 2px; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* ----------------------------------------- ANIMATED LIGHT ORBIT ----------------------------------------- */ .elementor-40 .elementor-element.elementor-element-f6110a6::after { content: ""; position: absolute; z-index: 2; width: 90px; height: 90px; top: -15px; left: -15px; border-radius: 50%; background: radial-gradient( circle, rgba(1,108,250,1) 0%, rgba(1,108,250,.45) 18%, rgba(1,108,250,.08) 45%, transparent 70% ); filter: blur(2px); animation: webkelaOrbit 7s linear infinite; pointer-events: none; } /* ----------------------------------------- ORBIT MOTION ----------------------------------------- */ @keyframes webkelaOrbit { 0% { top: -15px; left: -15px; opacity: .9; } 25% { top: -15px; left: calc(100% - 75px); opacity: 1; } 50% { top: calc(100% - 75px); left: calc(100% - 75px); opacity: .85; } 75% { top: calc(100% - 75px); left: -15px; opacity: 1; } 100% { top: -15px; left: -15px; opacity: .9; } } /* ----------------------------------------- TOP LEFT ACCENT ----------------------------------------- */ .elementor-40 .elementor-element.elementor-element-f6110a6 .elementor-widget-container::before { content: ""; position: absolute; z-index: 6; top: -3px; right: 45px; width: 55px; height: 3px; border-radius: 10px; background: linear-gradient( 90deg, transparent, var(--orange), var(--orange-light) ); box-shadow: 0 0 12px rgba(245,111,3,.55); animation: webkelaAccent 3s ease-in-out infinite; } /* ----------------------------------------- BOTTOM ACCENT ----------------------------------------- */ .elementor-40 .elementor-element.elementor-element-f6110a6 .elementor-widget-container::after { content: ""; position: absolute; z-index: 6; bottom: -3px; left: 45px; width: 70px; height: 3px; border-radius: 10px; background: linear-gradient( 90deg, var(--blue-dark), var(--blue-light), transparent ); box-shadow: 0 0 12px rgba(1,108,250,.55); animation: webkelaAccent 3s ease-in-out infinite reverse; } /* ----------------------------------------- ACCENT BREATH ----------------------------------------- */ @keyframes webkelaAccent { 0%, 100% { opacity: .45; transform: scaleX(.75); } 50% { opacity: 1; transform: scaleX(1); } } /* ----------------------------------------- HOVER ----------------------------------------- */ .elementor-40 .elementor-element.elementor-element-f6110a6:hover img { box-shadow: 0 30px 70px rgba(2,54,184,.22), 0 10px 35px rgba(245,111,3,.10); transform: translateY(-3px); } .elementor-40 .elementor-element.elementor-element-f6110a6 img { transition: transform .6s cubic-bezier(.2,.8,.2,1), box-shadow .6s ease; } /* ----------------------------------------- REDUCED MOTION ----------------------------------------- */ @media (prefers-reduced-motion: reduce) { .elementor-40 .elementor-element.elementor-element-f6110a6::after, .elementor-40 .elementor-element.elementor-element-f6110a6 .elementor-widget-container::before, .elementor-40 .elementor-element.elementor-element-f6110a6 .elementor-widget-container::after { animation: none; } .elementor-40 .elementor-element.elementor-element-f6110a6:hover img { transform: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2b667ee *//* ===================================================== WEBKELA — CRISIS TO GROW Open Gradient Frame RIGHT RED → LEFT GREEN ===================================================== */ .elementor-40 .elementor-element.elementor-element-2b667ee { position: relative; display: inline-block; padding: 14px 28px 16px; isolation: isolate; /* متن بدون هیچ تغییر */ text-shadow: 0 2px 0 rgba(255,255,255,.9), 0 8px 22px rgba(2,54,184,.12); transition: transform .45s cubic-bezier(.2,.8,.2,1), text-shadow .45s ease; } /* ===================================================== OPEN FRAME قاب کامل نیست ===================================================== */ .elementor-40 .elementor-element.elementor-element-2b667ee::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 16px; /* چهار خط مستقل با فاصله‌های باز */ background: /* خط بالا - از راست به سمت مرکز */ linear-gradient( 90deg, transparent 0%, transparent 42%, #16A34A 65%, #22C55E 82%, #EF4444 100% ) top right / 58% 2px no-repeat, /* خط پایین - از چپ به سمت مرکز */ linear-gradient( 90deg, #16A34A 0%, #22C55E 18%, transparent 58%, transparent 100% ) bottom left / 58% 2px no-repeat, /* خط راست */ linear-gradient( 180deg, #EF4444 0%, #F97316 45%, transparent 100% ) top right / 2px 48% no-repeat, /* خط چپ */ linear-gradient( 180deg, transparent 0%, #22C55E 55%, #16A34A 100% ) bottom left / 2px 48% no-repeat; animation: openFrameGradient 5s ease-in-out infinite; } /* ===================================================== GRADIENT MOTION حرکت رنگ از راست به چپ ===================================================== */ @keyframes openFrameGradient { 0% { filter: hue-rotate(0deg) brightness(1); } 50% { filter: hue-rotate(-8deg) brightness(1.12); } 100% { filter: hue-rotate(0deg) brightness(1); } } /* ===================================================== RIGHT RED DOT ===================================================== */ .elementor-40 .elementor-element.elementor-element-2b667ee .elementor-heading-title::before { content: ""; position: absolute; top: -5px; right: 18px; width: 9px; height: 9px; border-radius: 50%; background: #EF4444; box-shadow: 0 0 0 4px rgba(239,68,68,.10), 0 0 15px rgba(239,68,68,.55); animation: redDotPulse 2.8s ease-in-out infinite; } /* ===================================================== LEFT GREEN DOT ===================================================== */ .elementor-40 .elementor-element.elementor-element-2b667ee .elementor-heading-title::after { content: ""; position: absolute; bottom: -5px; left: 18px; width: 9px; height: 9px; border-radius: 50%; background: #16A34A; box-shadow: 0 0 0 4px rgba(22,163,74,.10), 0 0 15px rgba(22,163,74,.50); animation: greenDotPulse 2.8s ease-in-out infinite; } /* ===================================================== RED DOT ===================================================== */ @keyframes redDotPulse { 0%, 100% { transform: scale(1); opacity: .65; } 50% { transform: scale(1.45); opacity: 1; } } /* ===================================================== GREEN DOT ===================================================== */ @keyframes greenDotPulse { 0%, 100% { transform: scale(1.25); opacity: .65; } 50% { transform: scale(1); opacity: 1; } } /* ===================================================== HOVER ===================================================== */ .elementor-40 .elementor-element.elementor-element-2b667ee:hover { transform: translateY(-2px); text-shadow: 0 2px 0 rgba(255,255,255,.95), 0 10px 28px rgba(2,54,184,.18); } /* ===================================================== MOBILE ===================================================== */ @media (max-width: 767px) { .elementor-40 .elementor-element.elementor-element-2b667ee { padding: 11px 18px 13px; } .elementor-40 .elementor-element.elementor-element-2b667ee::before { border-radius: 12px; } .elementor-40 .elementor-element.elementor-element-2b667ee .elementor-heading-title::before { right: 10px; } .elementor-40 .elementor-element.elementor-element-2b667ee .elementor-heading-title::after { left: 10px; } } /* ===================================================== REDUCED MOTION ===================================================== */ @media (prefers-reduced-motion: reduce) { .elementor-40 .elementor-element.elementor-element-2b667ee::before, .elementor-40 .elementor-element.elementor-element-2b667ee .elementor-heading-title::before, .elementor-40 .elementor-element.elementor-element-2b667ee .elementor-heading-title::after { animation: none !important; } .elementor-40 .elementor-element.elementor-element-2b667ee { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8183068 *//* ========================================================= WEBKELA SERVICES PREMIUM INTERACTIVE SERVICE CARD Blue + Orange Brand System ========================================================= */ .service-card { position: relative; isolation: isolate; overflow: hidden; min-height: 100%; border-radius: 28px !important; /* خود کارت */ background: linear-gradient( 145deg, #ffffff 0%, #fafdff 48%, #f7faff 100% ) !important; border: 1px solid rgba(7, 91, 255, 0.10) !important; box-shadow: 0 12px 35px rgba(7, 48, 120, 0.07), 0 2px 8px rgba(7, 48, 120, 0.04); transform: translateY(0); transition: transform 0.6s cubic-bezier(.16,1,.3,1), box-shadow 0.6s cubic-bezier(.16,1,.3,1), border-color 0.4s ease; } /* ========================================================= ROTATING LIGHT BORDER ========================================================= */ .service-card::before { content: ""; position: absolute; inset: -2px; z-index: -2; border-radius: 30px; background: conic-gradient( from 0deg, transparent 0deg, transparent 35deg, rgba(7,91,255,.15) 55deg, #075BFF 80deg, rgba(255,122,0,.9) 125deg, #FF7A00 155deg, transparent 205deg, transparent 360deg ); animation: serviceBorderRotate 9s linear infinite; opacity: .65; transition: opacity .5s ease, filter .5s ease; } /* ========================================================= INNER SURFACE ========================================================= */ .service-card::after { content: ""; position: absolute; inset: 2px; z-index: -1; border-radius: 26px; background: linear-gradient( 145deg, rgba(255,255,255,.98), rgba(248,251,255,.96) ); box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 0 35px rgba(7,91,255,.025); pointer-events: none; } /* ========================================================= BORDER ROTATION ========================================================= */ @keyframes serviceBorderRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* ========================================================= BLUE LIGHT ORB ========================================================= */ .service-card .elementor-widget-image { position: relative; z-index: 2; } .service-card .elementor-widget-image::before { content: ""; position: absolute; width: 180px; height: 180px; top: 5px; left: 50%; transform: translateX(-50%); border-radius: 50%; background: radial-gradient( circle, rgba(7,91,255,.12) 0%, rgba(7,91,255,.055) 38%, transparent 72% ); filter: blur(5px); z-index: -1; transition: transform .7s cubic-bezier(.16,1,.3,1), opacity .5s ease; } /* ========================================================= IMAGE ========================================================= */ .service-card .elementor-widget-image img { position: relative; transform: translateY(0) scale(1); filter: drop-shadow( 0 12px 18px rgba(7,91,255,.08) ); transition: transform .7s cubic-bezier(.16,1,.3,1), filter .7s ease; } /* ========================================================= NUMBER ========================================================= */ .service-card .elementor-widget-heading:first-of-type { position: relative; z-index: 4; } .service-card .elementor-widget-heading:first-of-type .elementor-heading-title { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 28px; padding: 5px 10px; border-radius: 100px; background: linear-gradient( 135deg, rgba(7,91,255,.08), rgba(255,122,0,.08) ); border: 1px solid rgba(7,91,255,.08); transition: transform .45s ease, background .45s ease, box-shadow .45s ease; } /* ========================================================= HEADLINE ========================================================= */ .service-card h4, .service-card .elementor-heading-title { transition: transform .45s cubic-bezier(.16,1,.3,1), color .4s ease; } /* ========================================================= SHINE EFFECT ========================================================= */ .service-card .elementor-widget-container::before { content: ""; position: absolute; top: -120%; left: -70%; width: 45%; height: 300%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.7), transparent ); transform: rotate(22deg); opacity: 0; pointer-events: none; z-index: 20; } /* فقط کارت‌های سرویس Shine هنگام Hover */ .service-card:hover .elementor-widget-container::before { animation: serviceShine 1.1s ease forwards; } @keyframes serviceShine { 0% { left: -70%; opacity: 0; } 20% { opacity: .8; } 100% { left: 150%; opacity: 0; } } /* ========================================================= HOVER — CARD ========================================================= */ .service-card:hover { transform: translateY(-12px); border-color: rgba(7,91,255,.18) !important; box-shadow: 0 30px 65px rgba(7,48,120,.13), 0 12px 30px rgba(7,91,255,.08), 0 8px 20px rgba(255,122,0,.045); } /* ========================================================= HOVER — BORDER ========================================================= */ .service-card:hover::before { opacity: 1; filter: brightness(1.18) saturate(1.2); animation-duration: 4.5s; } /* ========================================================= HOVER — IMAGE ========================================================= */ .service-card:hover .elementor-widget-image img { transform: translateY(-10px) scale(1.055); filter: drop-shadow( 0 22px 28px rgba(7,91,255,.16) ); } .service-card:hover .elementor-widget-image::before { transform: translateX(-50%) scale(1.25); opacity: 1; } /* ========================================================= HOVER — NUMBER ========================================================= */ .service-card:hover .elementor-widget-heading:first-of-type .elementor-heading-title { transform: translateY(-3px) scale(1.04); background: linear-gradient( 135deg, rgba(7,91,255,.12), rgba(255,122,0,.14) ); box-shadow: 0 7px 18px rgba(7,91,255,.08); } /* ========================================================= HOVER — TITLE ========================================================= */ .service-card:hover h4 { transform: translateX(-4px); color: #075BFF !important; } /* ========================================================= BUTTON ========================================================= */ .service-card .elementor-button { position: relative; overflow: hidden; border-radius: 12px; transition: transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease, background .4s ease; } .service-card .elementor-button::before { content: ""; position: absolute; top: 0; left: -110%; width: 70%; height: 100%; transform: skewX(-20deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.55), transparent ); transition: left .65s ease; } .service-card:hover .elementor-button { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(7,91,255,.17); } .service-card:hover .elementor-button::before { left: 140%; } /* ========================================================= ORANGE ACCENT ========================================================= */ .service-card:nth-child(2n) { --service-accent: #FF7A00; } .service-card:nth-child(2n+1) { --service-accent: #075BFF; } /* ========================================================= SUBTLE TOP LIGHT ========================================================= */ .service-card > .e-con-inner::before { content: ""; position: absolute; top: 0; left: 18%; width: 64%; height: 1px; background: linear-gradient( 90deg, transparent, rgba(7,91,255,.35), rgba(255,122,0,.35), transparent ); opacity: .7; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .service-card { border-radius: 22px !important; transform: none; } .service-card::before { border-radius: 24px; animation-duration: 12s; } .service-card:hover { transform: translateY(-6px); } .service-card:hover .elementor-widget-image img { transform: translateY(-5px) scale(1.025); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .service-card, .service-card::before, .service-card::after, .service-card img, .service-card .elementor-button, .service-card .elementor-widget-container::before { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e73a913 *//* ========================================================= WEBKELA — TEAM SECTION Blue + Orange | Responsive | Motion | Full Image ========================================================= */ /* 1. Main section */ .webkela-team-section { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 8% 12%, rgba(20,87,217,.10), transparent 34%), radial-gradient(ellipse at 92% 78%, rgba(255,138,0,.09), transparent 30%), linear-gradient(145deg, #f8faff 0%, #eef4ff 52%, #fffaf5 100%) !important; } .webkela-team-section::before, .webkela-team-section::after { content: ""; position: absolute; z-index: -1; pointer-events: none; border-radius: 50%; filter: blur(2px); } .webkela-team-section::before { width: 300px; height: 300px; top: -130px; right: -90px; background: radial-gradient(circle, rgba(20,87,217,.16), transparent 70%); animation: wkOrbBlue 12s ease-in-out infinite alternate; } .webkela-team-section::after { width: 340px; height: 340px; bottom: -170px; left: -100px; background: radial-gradient(circle, rgba(255,138,0,.15), transparent 70%); animation: wkOrbOrange 14s ease-in-out infinite alternate; } /* 2. Heading */ .webkela-team-section .team-heading-wrap { position: relative; z-index: 1; } .webkela-team-section .team-section-title .elementor-heading-title { line-height: 1.6; letter-spacing: -.5px; text-wrap: balance; } .webkela-team-section .team-section-title .elementor-heading-title::after { content: ""; display: block; width: 74px; height: 4px; margin: 14px auto 0; border-radius: 99px; background: linear-gradient(90deg, #1457D9, #4285ff, #FF8A00); box-shadow: 0 4px 14px rgba(20,87,217,.22); transform-origin: center; animation: wkTitleLine 3s ease-in-out infinite; } .webkela-team-section .team-heading-wrap .elementor-widget-text-editor { max-width: 690px; color: #64748b; font-size: 15px; line-height: 2; } /* 3. Responsive grid */ .webkela-team-section .team-grid { position: relative; z-index: 1; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; gap: 22px !important; } /* 4. Cards */ .webkela-team-section .team-card { position: relative; min-width: 0; height: 100%; overflow: hidden; isolation: isolate; box-sizing: border-box; border: 1px solid rgba(20,87,217,.13) !important; border-radius: 25px !important; background: rgba(255,255,255,.92) !important; box-shadow: 0 12px 34px rgba(17,48,100,.07), 0 2px 8px rgba(17,48,100,.035), inset 0 1px 0 #fff !important; transition: transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s ease, border-color .4s ease; animation: wkCardEnter .8s both; } .webkela-team-section .team-card:nth-child(1) { animation-delay: .05s; } .webkela-team-section .team-card:nth-child(2) { animation-delay: .16s; } .webkela-team-section .team-card:nth-child(3) { animation-delay: .27s; } .webkela-team-section .team-card:nth-child(4) { animation-delay: .38s; } /* Animated gradient border */ .webkela-team-section .team-card::before { content: ""; position: absolute; inset: 0; z-index: -1; padding: 1px; border-radius: inherit; background: linear-gradient( 125deg, rgba(20,87,217,.8), rgba(255,255,255,.2) 30%, rgba(255,138,0,.8) 65%, rgba(20,87,217,.6) ); background-size: 240% 240%; animation: wkBorderFlow 8s ease infinite; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; } /* Card glow */ .webkela-team-section .team-card::after { content: ""; position: absolute; top: -75px; right: -70px; width: 170px; height: 170px; border-radius: 50%; background: radial-gradient(circle, rgba(20,87,217,.15), transparent 70%); opacity: .7; pointer-events: none; transition: transform .6s ease, opacity .6s ease; } @media (hover: hover) and (pointer: fine) { .webkela-team-section .team-card:hover { transform: translateY(-10px) scale(1.012); border-color: rgba(20,87,217,.3) !important; box-shadow: 0 26px 54px rgba(20,87,217,.15), 0 10px 22px rgba(255,138,0,.08) !important; } .webkela-team-section .team-card:hover::after { transform: translate(-22px,24px) scale(1.35); opacity: 1; } } /* 5. Number and sparkle */ .webkela-team-section .team-member-number .elementor-heading-title { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 28px; padding: 0 9px; border-radius: 9px; background: rgba(20,87,217,.08); letter-spacing: 1px; } .webkela-team-section .team-card-top .elementor-widget-heading:last-child .elementor-heading-title { display: inline-block; animation: wkSparkle 3s ease-in-out infinite; text-shadow: 0 4px 14px rgba(255,138,0,.2); } /* 6. Photo frame — display complete image, no crop */ .webkela-team-section .team-photo-wrap { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 245px; height: auto !important; min-height: 0 !important; aspect-ratio: auto !important; margin: 0 auto 5px; padding: 8px !important; box-sizing: border-box; overflow: visible !important; border-radius: 28px; background: linear-gradient( 135deg, rgba(20,87,217,.16), rgba(255,138,0,.18) ); transition: transform .55s cubic-bezier(.2,.8,.2,1), background .45s ease; } /* Dashed outline */ .webkela-team-section .team-photo-wrap::before { content: ""; position: absolute; inset: -5px; border: 1px dashed rgba(20,87,217,.28); border-radius: 32px; pointer-events: none; animation: wkPhotoOrbit 24s linear infinite; } /* Orange detail */ .webkela-team-section .team-photo-wrap::after { content: ""; position: absolute; top: 10px; right: 10px; width: 13px; height: 13px; border: 3px solid #fff; border-radius: 50%; background: #FF8A00; box-shadow: 0 0 0 5px rgba(255,138,0,.13); z-index: 3; pointer-events: none; } .webkela-team-section .team-photo-wrap .elementor-widget-image, .webkela-team-section .team-photo-wrap .elementor-widget-container, .webkela-team-section .team-photo-wrap .elementor-widget-image a { display: block; width: 100%; height: auto !important; } .webkela-team-section .team-photo-wrap img { display: block; width: 100% !important; height: auto !important; max-height: none !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center top !important; border-radius: 18px; filter: saturate(.96); transform: none !important; transition: filter .5s ease; } @media (hover: hover) and (pointer: fine) { .webkela-team-section .team-card:hover .team-photo-wrap { transform: translateY(-3px) rotate(-1deg); background: linear-gradient( 135deg, rgba(20,87,217,.25), rgba(255,138,0,.28) ); } .webkela-team-section .team-card:hover .team-photo-wrap img { transform: none !important; filter: saturate(1.06) contrast(1.015); } } /* 7. Name, role, description */ .webkela-team-section .team-member-name { margin-bottom: -4px; } .webkela-team-section .team-member-name .elementor-heading-title { transition: color .3s ease; } .webkela-team-section .team-card:hover .team-member-name .elementor-heading-title { color: #1457D9; } .webkela-team-section .team-member-role .elementor-heading-title { display: inline-block; padding: 6px 12px; border-radius: 99px; background: linear-gradient( 90deg, rgba(20,87,217,.08), rgba(255,138,0,.09) ); } .webkela-team-section .team-card .elementor-widget-text-editor { color: #6b7890; font-size: 13px; line-height: 1.95; } /* 8. Real Elementor Icon widgets Add "team-social-icon" to each Icon widget */ .webkela-team-section .team-socials { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; gap: 10px !important; width: 100%; margin-top: 2px; } .webkela-team-section .team-socials .team-social-icon { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .webkela-team-section .team-socials .team-social-icon .elementor-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px; height: 40px; padding: 0 !important; border: 1px solid rgba(20,87,217,.14); border-radius: 13px; color: #1457D9; background: linear-gradient(145deg, #fff, #f0f5ff); box-shadow: 0 4px 12px rgba(20,87,217,.06); transition: transform .3s ease, color .3s ease, background .3s ease, box-shadow .3s ease, border-color .3s ease; } .webkela-team-section .team-socials .team-social-icon .elementor-icon svg { display: block; width: 18px; height: 18px; fill: currentColor; } @media (hover: hover) and (pointer: fine) { .webkela-team-section .team-socials .team-social-icon:hover .elementor-icon { color: #fff !important; background: linear-gradient(135deg, #1457D9, #FF8A00); border-color: transparent; transform: translateY(-4px) rotate(-4deg); box-shadow: 0 9px 20px rgba(20,87,217,.2); } } /* 9. Bottom CTA */ .webkela-team-section .team-bottom-cta { position: relative; z-index: 1; display: flex; flex-wrap: wrap; margin-top: 8px; padding: 22px 24px !important; border: 1px solid rgba(20,87,217,.1); border-radius: 20px; background: rgba(255,255,255,.72); box-shadow: 0 10px 30px rgba(17,48,100,.045); } /* CTA button */ .webkela-team-section .team-cta-button .elementor-button { position: relative; isolation: isolate; overflow: hidden; padding: 15px 24px; border: 1px solid rgba(255,255,255,.22); border-radius: 13px; color: #fff; background: linear-gradient(110deg, #1457D9 0%, #2877FF 55%, #FF8A00 140%); box-shadow: 0 9px 22px rgba(20,87,217,.22); transition: transform .35s ease, box-shadow .35s ease, background .35s ease; } .webkela-team-section .team-cta-button .elementor-button::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient( 110deg, transparent 25%, rgba(255,255,255,.38) 50%, transparent 75% ); transform: translateX(-130%); transition: transform .7s ease; } .webkela-team-section .team-cta-button .elementor-button:hover { transform: translateY(-3px); background: linear-gradient(110deg, #0e49bd 0%, #1457D9 45%, #FF8A00 130%); box-shadow: 0 14px 30px rgba(20,87,217,.28); } .webkela-team-section .team-cta-button .elementor-button:hover::before { transform: translateX(130%); } /* 10. Animations */ @keyframes wkCardEnter { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } @keyframes wkBorderFlow { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } @keyframes wkSparkle { 0%, 100% { transform: rotate(0) scale(1); } 50% { transform: rotate(12deg) scale(1.14); } } @keyframes wkPhotoOrbit { to { transform: rotate(360deg); } } @keyframes wkTitleLine { 0%, 100% { transform: scaleX(.82); opacity: .85; } 50% { transform: scaleX(1.08); opacity: 1; } } @keyframes wkOrbBlue { from { transform: translate(0,0) scale(1); } to { transform: translate(-35px,24px) scale(1.15); } } @keyframes wkOrbOrange { from { transform: translate(0,0) scale(1); } to { transform: translate(30px,-25px) scale(1.12); } } /* 11. Tablet */ @media (max-width: 1024px) { .webkela-team-section .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px !important; } .webkela-team-section { padding-top: 70px !important; padding-bottom: 70px !important; } .webkela-team-section .team-section-title .elementor-heading-title { font-size: clamp(26px, 4vw, 34px) !important; } } /* 12. Mobile */ @media (max-width: 767px) { .webkela-team-section .team-grid { grid-template-columns: minmax(0, 1fr); max-width: 430px; margin-inline: auto; gap: 18px !important; } .webkela-team-section .team-card { padding: 18px 18px 22px !important; } .webkela-team-section .team-photo-wrap { max-width: 220px; } .webkela-team-section .team-bottom-cta { flex-direction: column !important; text-align: center; padding: 20px 16px !important; } .webkela-team-section .team-section-title .elementor-heading-title { font-size: 27px !important; line-height: 1.6 !important; } } /* 13. Reduced motion accessibility */ @media (prefers-reduced-motion: reduce) { .webkela-team-section::before, .webkela-team-section::after, .webkela-team-section .team-card, .webkela-team-section .team-card::before, .webkela-team-section .team-card-top .elementor-widget-heading:last-child .elementor-heading-title, .webkela-team-section .team-photo-wrap::before, .webkela-team-section .team-section-title .elementor-heading-title::after { animation: none !important; } .webkela-team-section *, .webkela-team-section *::before, .webkela-team-section *::after { transition-duration: .01ms !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f63e5ce *//* ===================================================== WEBKELA — CONTACT SECTION Premium Design + Motion Brand: Blue #1457D9 / Orange #FF8A00 ===================================================== */ /* 1. Main section */ .webkela-contact-section { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 5% 10%, rgba(20,87,217,.11), transparent 32%), radial-gradient(ellipse at 95% 85%, rgba(255,138,0,.09), transparent 30%), linear-gradient(140deg, #f8faff 0%, #edf3ff 55%, #fffaf4 100%) !important; } .webkela-contact-section::before, .webkela-contact-section::after { content: ""; position: absolute; z-index: -1; border-radius: 50%; pointer-events: none; } .webkela-contact-section::before { width: 380px; height: 380px; top: -180px; right: -100px; background: radial-gradient(circle, rgba(20,87,217,.17), transparent 68%); animation: wkContactOrbBlue 13s ease-in-out infinite alternate; } .webkela-contact-section::after { width: 400px; height: 400px; bottom: -190px; left: -120px; background: radial-gradient(circle, rgba(255,138,0,.14), transparent 68%); animation: wkContactOrbOrange 15s ease-in-out infinite alternate; } /* 2. Section intro */ .webkela-contact-section .contact-section-intro { position: relative; z-index: 1; gap: 24px; margin-bottom: 4px; } .webkela-contact-section .contact-section-title .elementor-heading-title { position: relative; display: inline-block; line-height: 1.65; letter-spacing: -.6px; } .webkela-contact-section .contact-section-title .elementor-heading-title::after { content: ""; display: block; width: 78px; height: 4px; margin-top: 12px; border-radius: 20px; background: linear-gradient(90deg, #1457D9, #4b8aff, #FF8A00); box-shadow: 0 4px 15px rgba(20,87,217,.2); transform-origin: right center; animation: wkContactTitleLine 3s ease-in-out infinite; } .webkela-contact-section .contact-section-intro .elementor-widget-text-editor { color: #64748b; font-size: 15px; line-height: 2.1; } /* Trust chip */ .webkela-contact-section .contact-trust-chip { padding: 12px 17px; border: 1px solid rgba(20,87,217,.12); border-radius: 15px; background: rgba(255,255,255,.72); box-shadow: 0 8px 24px rgba(16,42,86,.05); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: transform .35s ease, box-shadow .35s ease; } .webkela-contact-section .contact-trust-chip:hover { transform: translateY(-4px); box-shadow: 0 13px 28px rgba(20,87,217,.11); } /* 3. Main two-column layout */ .webkela-contact-section .contact-main-layout { position: relative; z-index: 1; display: grid !important; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); align-items: stretch; gap: 26px !important; } /* 4. Blue contact panel */ .webkela-contact-section .contact-visual-panel { position: relative; isolation: isolate; overflow: hidden; min-width: 0; min-height: 100%; border: 1px solid rgba(255,255,255,.17); border-radius: 30px !important; background: radial-gradient(ellipse at 15% 5%, rgba(77,145,255,.45), transparent 38%), radial-gradient(ellipse at 100% 100%, rgba(255,138,0,.22), transparent 34%), linear-gradient(145deg, #1457D9 0%, #103D9C 48%, #0B2458 100%) !important; box-shadow: 0 24px 65px rgba(16,55,130,.24), inset 0 1px 0 rgba(255,255,255,.22); transition: transform .5s ease, box-shadow .5s ease; } .webkela-contact-section .contact-visual-panel::before { content: ""; position: absolute; z-index: -1; width: 280px; height: 280px; top: 22%; right: -145px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 24px rgba(255,255,255,.035), 0 0 0 50px rgba(255,255,255,.025); animation: wkContactRing 18s linear infinite; pointer-events: none; } .webkela-contact-section .contact-visual-panel::after { content: ""; position: absolute; z-index: -1; width: 190px; height: 190px; bottom: -90px; left: -65px; border-radius: 50%; background: radial-gradient(circle, rgba(255,138,0,.36), transparent 70%); animation: wkContactGlow 7s ease-in-out infinite alternate; pointer-events: none; } @media (hover: hover) and (pointer: fine) { .webkela-contact-section .contact-visual-panel:hover { transform: translateY(-5px); box-shadow: 0 32px 75px rgba(16,55,130,.3), 0 0 35px rgba(20,87,217,.12); } } /* Panel top labels */ .webkela-contact-section .contact-visual-top { position: relative; z-index: 1; } .webkela-contact-section .contact-visual-top .elementor-heading-title { color: #fff; } .webkela-contact-section .contact-online-status .elementor-heading-title { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border: 1px solid rgba(255,255,255,.2); border-radius: 99px; background: rgba(255,255,255,.09); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } /* Panel heading and description */ .webkela-contact-section .contact-visual-copy { position: relative; z-index: 1; } .webkela-contact-section .contact-visual-title .elementor-heading-title { color: #fff; line-height: 1.85; text-wrap: balance; } .webkela-contact-section .contact-visual-copy .elementor-widget-text-editor { color: rgba(255,255,255,.78); font-size: 14px; line-height: 2.1; } /* 5. Image frame */ .webkela-contact-section .contact-image-frame { position: relative; z-index: 1; min-height: 210px; padding: 10px !important; border: 1px solid rgba(255,255,255,.25); border-radius: 23px; background: linear-gradient( 135deg, rgba(255,255,255,.18), rgba(255,255,255,.045) ); box-shadow: inset 0 1px 0 rgba(255,255,255,.12); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: transform .45s ease, border-color .4s ease; } .webkela-contact-section .contact-visual-image, .webkela-contact-section .contact-image-frame .elementor-widget-container { width: 100%; } .webkela-contact-section .contact-image-frame img { display: block; width: 100%; max-height: 330px; object-fit: contain; border-radius: 16px; transition: transform .65s cubic-bezier(.2,.8,.2,1), filter .5s ease; } @media (hover: hover) and (pointer: fine) { .webkela-contact-section .contact-image-frame:hover { transform: translateY(-4px); border-color: rgba(255,138,0,.65); } .webkela-contact-section .contact-image-frame:hover img { transform: scale(1.025); filter: saturate(1.08); } } /* ===================================================== 6. CONTACT ICONS — CENTERED Orange background / Blue icon ===================================================== */ /* Contact list rows */ .webkela-contact-section .contact-visual-panel .elementor-icon-list-items { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; } .webkela-contact-section .contact-visual-panel .elementor-icon-list-item { display: flex !important; align-items: center !important; gap: 0 !important; padding: 12px 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; background: rgba(255,255,255,.075); transition: background .3s ease, transform .3s ease, border-color .3s ease; } .webkela-contact-section .contact-visual-panel .elementor-icon-list-item:hover { transform: translateX(-4px); border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.13); } /* Icon container: exact centering */ .webkela-contact-section .contact-visual-panel .elementor-icon-list-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 38px !important; width: 38px !important; min-width: 38px !important; height: 38px !important; margin: 0 0 0 12px !important; padding: 0 !important; border: 1px solid rgba(255,255,255,.35) !important; border-radius: 12px !important; background: #FF8A00 !important; line-height: 1 !important; text-align: center !important; box-sizing: border-box !important; transition: background .3s ease, transform .35s ease, box-shadow .35s ease !important; } /* Font Awesome icons */ .webkela-contact-section .contact-visual-panel .elementor-icon-list-icon i { display: block !important; width: 17px !important; height: 17px !important; margin: 0 !important; padding: 0 !important; color: #1457D9 !important; font-size: 17px !important; line-height: 17px !important; text-align: center !important; } /* SVG icons */ .webkela-contact-section .contact-visual-panel .elementor-icon-list-icon svg { display: block !important; width: 17px !important; height: 17px !important; margin: 0 !important; padding: 0 !important; color: #1457D9 !important; fill: #1457D9 !important; } /* SVG paths that use explicit fill */ .webkela-contact-section .contact-visual-panel .elementor-icon-list-icon svg path { fill: #1457D9 !important; } /* Icon hover animation */ .webkela-contact-section .contact-visual-panel .elementor-icon-list-item:hover .elementor-icon-list-icon { background: #FFB04A !important; transform: scale(1.08) rotate(-5deg); box-shadow: 0 5px 16px rgba(255,138,0,.3); } /* Contact text */ .webkela-contact-section .contact-visual-panel .elementor-icon-list-text { display: inline-block; color: #fff !important; text-align: right !important; line-height: 1.8 !important; } /* 7. Panel footer */ .webkela-contact-section .contact-visual-bottom { padding-top: 15px; border-top: 1px solid rgba(255,255,255,.17); } .webkela-contact-section .contact-visual-bottom .elementor-heading-title { color: #fff; } /* 8. Form panel */ .webkela-contact-section .contact-form-panel { position: relative; isolation: isolate; overflow: hidden; min-width: 0; border: 1px solid rgba(20,87,217,.1) !important; border-radius: 30px !important; background: rgba(255,255,255,.96) !important; box-shadow: 0 24px 65px rgba(16,42,86,.11), 0 3px 12px rgba(16,42,86,.035), inset 0 1px 0 #fff !important; animation: wkContactFormEnter .85s both; animation-delay: .12s; } .webkela-contact-section .contact-form-panel::before { content: ""; position: absolute; z-index: -1; top: -95px; left: -80px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(255,138,0,.11), transparent 70%); pointer-events: none; } /* Form title */ .webkela-contact-section .contact-form-heading .elementor-heading-title { line-height: 1.6; } .webkela-contact-section .contact-form-heading .elementor-widget-text-editor { color: #718096; font-size: 14px; line-height: 1.9; } /* 9. Elementor form fields */ .webkela-contact-section .contact-form .elementor-form-fields-wrapper { row-gap: 15px; } .webkela-contact-section .contact-form .elementor-field-group { padding: 0 7px; } .webkela-contact-section .contact-form .elementor-field-label { margin-bottom: 8px; color: #263858; font-size: 13px; font-weight: 700; } .webkela-contact-section .contact-form .elementor-field, .webkela-contact-section .contact-form textarea.elementor-field { min-height: 49px; padding: 13px 15px; border: 1px solid #e2eaf6; border-radius: 12px; background: #f8faff; color: #102a56; font-family: inherit; font-size: 13px; box-shadow: 0 2px 5px rgba(16,42,86,.015); transition: border-color .3s ease, box-shadow .3s ease, background .3s ease, transform .3s ease; } .webkela-contact-section .contact-form textarea.elementor-field { min-height: 125px; resize: vertical; } .webkela-contact-section .contact-form .elementor-field::placeholder { color: #9aa8bd; opacity: 1; } .webkela-contact-section .contact-form .elementor-field:focus { outline: none; border-color: #4d83ed; background: #fff; box-shadow: 0 0 0 4px rgba(20,87,217,.09), 0 8px 20px rgba(20,87,217,.055); transform: translateY(-1px); } /* 10. Submit button */ .webkela-contact-section .contact-form .elementor-button { position: relative; isolation: isolate; overflow: hidden; min-height: 52px; padding: 14px 22px; border: 0; border-radius: 13px; background: linear-gradient(105deg, #1457D9 0%, #2877FF 62%, #FF8A00 145%); color: #fff; font-family: inherit; font-size: 14px; font-weight: 800; box-shadow: 0 10px 24px rgba(20,87,217,.22); transition: transform .35s ease, box-shadow .35s ease, filter .35s ease; } .webkela-contact-section .contact-form .elementor-button::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient( 110deg, transparent 20%, rgba(255,255,255,.34) 48%, transparent 72% ); transform: translateX(-130%); transition: transform .75s ease; } .webkela-contact-section .contact-form .elementor-button:hover { transform: translateY(-3px); filter: saturate(1.12); box-shadow: 0 15px 30px rgba(20,87,217,.29); } .webkela-contact-section .contact-form .elementor-button:hover::before { transform: translateX(130%); } .webkela-contact-section .contact-form .elementor-button:active { transform: translateY(0) scale(.985); } /* Form privacy note */ .webkela-contact-section .contact-form-panel > .elementor-widget-text-editor { color: #98a3b5; font-size: 11px; line-height: 1.9; } /* 11. Section bottom note */ .webkela-contact-section .contact-footer-note { position: relative; z-index: 1; padding-top: 18px; border-top: 1px solid rgba(20,87,217,.1); } /* ===================================================== 12. Motion keyframes ===================================================== */ @keyframes wkContactOrbBlue { from { transform: translate(0, 0) scale(1); } to { transform: translate(-30px, 25px) scale(1.12); } } @keyframes wkContactOrbOrange { from { transform: translate(0, 0) scale(1); } to { transform: translate(28px, -24px) scale(1.13); } } @keyframes wkContactRing { to { transform: rotate(360deg); } } @keyframes wkContactGlow { from { transform: translate(0, 0) scale(1); } to { transform: translate(18px, -16px) scale(1.18); } } @keyframes wkContactTitleLine { 0%, 100% { transform: scaleX(.82); opacity: .82; } 50% { transform: scaleX(1.08); opacity: 1; } } @keyframes wkContactFormEnter { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } } /* ===================================================== 13. Tablet responsive ===================================================== */ @media (max-width: 1024px) { .webkela-contact-section .contact-main-layout { grid-template-columns: minmax(0, 1fr); } .webkela-contact-section .contact-visual-panel { min-height: auto; } .webkela-contact-section .contact-section-intro { align-items: flex-start !important; flex-direction: column !important; } .webkela-contact-section { padding-top: 70px !important; padding-bottom: 70px !important; } } /* ===================================================== 14. Mobile responsive ===================================================== */ @media (max-width: 767px) { .webkela-contact-section { padding: 54px 16px !important; } .webkela-contact-section .contact-visual-panel, .webkela-contact-section .contact-form-panel { padding: 22px 18px !important; border-radius: 23px !important; } .webkela-contact-section .contact-visual-title .elementor-heading-title { font-size: 25px !important; line-height: 1.85 !important; } .webkela-contact-section .contact-section-title .elementor-heading-title { font-size: 28px !important; } .webkela-contact-section .contact-image-frame { min-height: 170px; } .webkela-contact-section .contact-form .elementor-field-group { width: 100% !important; } .webkela-contact-section .contact-form .elementor-field { font-size: 14px; } .webkela-contact-section .contact-footer-note { flex-direction: column !important; align-items: flex-start !important; } } /* ===================================================== 15. Accessibility: reduce motion ===================================================== */ @media (prefers-reduced-motion: reduce) { .webkela-contact-section::before, .webkela-contact-section::after, .webkela-contact-section .contact-visual-panel::before, .webkela-contact-section .contact-visual-panel::after, .webkela-contact-section .contact-section-title .elementor-heading-title::after, .webkela-contact-section .contact-form-panel { animation: none !important; } .webkela-contact-section *, .webkela-contact-section *::before, .webkela-contact-section *::after { transition-duration: .01ms !important; } }/* End custom CSS */