.elementor-10 .elementor-element.elementor-element-51745cc .e-off-canvas__content{background-color:var( --e-global-color-9f8d68f );border-radius:0.35rem 0rem 0rem 0.35rem;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);}.elementor-10 .elementor-element.elementor-element-51745cc .e-off-canvas__overlay{background-color:#5F4A4A63;}.elementor-10 .elementor-element.elementor-element-51745cc{--e-off-canvas-justify-content:flex-start;--e-off-canvas-align-items:center;--e-off-canvas-height:fit-content;--e-off-canvas-content-overflow:initial;--e-off-canvas-animation-duration:1.5s;--e-off-canvas-overlay-opacity:1;}.elementor-10 .elementor-element.elementor-element-75f76f5{--display:flex;}.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-text{color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-20c1361{padding:2rem 2rem 2rem 0rem;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-10 .elementor-element.elementor-element-20c1361 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(29px/2);}.elementor-10 .elementor-element.elementor-element-20c1361 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(29px/2);}.elementor-10 .elementor-element.elementor-element-20c1361 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(29px/2);}.elementor-10 .elementor-element.elementor-element-20c1361 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-29px/2);}.elementor-10 .elementor-element.elementor-element-20c1361 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-29px/2);}.elementor-10 .elementor-element.elementor-element-20c1361 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-20c1361 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-10 .elementor-element.elementor-element-20c1361 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10 .elementor-element.elementor-element-20c1361 .elementor-icon-list-item > a{font-size:18px;}.elementor-10 .elementor-element.elementor-element-20c1361 .elementor-icon-list-text{color:var( --e-global-color-a8634cb );transition:color 0.3s;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-2b48a29 .elementor-icon-wrapper{text-align:center;}.elementor-10 .elementor-element.elementor-element-2b48a29.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-a8634cb );}.elementor-10 .elementor-element.elementor-element-2b48a29.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-2b48a29.elementor-view-default .elementor-icon{color:var( --e-global-color-a8634cb );border-color:var( --e-global-color-a8634cb );}.elementor-10 .elementor-element.elementor-element-2b48a29.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-2b48a29.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-a8634cb );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-5c6416b{--display:flex;}.elementor-10 .elementor-element.elementor-element-7d4b54c{--display:flex;}.elementor-10 .elementor-element.elementor-element-c623c1a{--display:flex;}.elementor-10 .elementor-element.elementor-element-92eaa7d{--display:flex;}.elementor-10 .elementor-element.elementor-element-b87e62d{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:var( --e-global-color-fc0fb2a );--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-10 .elementor-element.elementor-element-b87e62d {--n-menu-title-color-hover:var( --e-global-color-a8634cb );--n-menu-title-color-active:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-12564f3{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-10 .elementor-element.elementor-element-87b2ab2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;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:#FFFFFF33;--border-color:#FFFFFF33;--border-radius:4px 4px 4px 4px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-87b2ab2:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-87b2ab2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9f8d68f );}.elementor-10 .elementor-element.elementor-element-f43db80{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;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:#FFFFFF33;--border-color:#FFFFFF33;--border-radius:4px 4px 4px 4px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-f43db80:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-f43db80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9f8d68f );}.elementor-10 .elementor-element.elementor-element-6d46ad0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;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:#FFFFFF33;--border-color:#FFFFFF33;--border-radius:4px 4px 4px 4px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-6d46ad0:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-6d46ad0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9f8d68f );}.elementor-10 .elementor-element.elementor-element-391f6b0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;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:#FFFFFF33;--border-color:#FFFFFF33;--border-radius:4px 4px 4px 4px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-391f6b0:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-391f6b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9f8d68f );}.elementor-10 .elementor-element.elementor-element-73383ba{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;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:#FFFFFF33;--border-color:#FFFFFF33;--border-radius:4px 4px 4px 4px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-73383ba:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-73383ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9f8d68f );}.elementor-10 .elementor-element.elementor-element-784a42f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;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:#FFFFFF33;--border-color:#FFFFFF33;--border-radius:4px 4px 4px 4px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-784a42f:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-784a42f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9f8d68f );}.elementor-10 .elementor-element.elementor-element-dad481e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;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:#FFFFFF33;--border-color:#FFFFFF33;--border-radius:4px 4px 4px 4px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-dad481e:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-dad481e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9f8d68f );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-17da18c .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-10 .elementor-element.elementor-element-17da18c .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-1f8649c );}.elementor-10 .elementor-element.elementor-element-17da18c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-6729ae4 );}.elementor-10 .elementor-element.elementor-element-17da18c.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-17da18c.elementor-view-default .elementor-icon{fill:var( --e-global-color-6729ae4 );color:var( --e-global-color-6729ae4 );border-color:var( --e-global-color-6729ae4 );}.elementor-10 .elementor-element.elementor-element-17da18c .elementor-icon{font-size:19px;}.elementor-10 .elementor-element.elementor-element-17da18c .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-17da18c .elementor-icon-box-title a{font-size:18px;}.elementor-10 .elementor-element.elementor-element-17da18c:has(:hover) .elementor-icon-box-title,
					 .elementor-10 .elementor-element.elementor-element-17da18c:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-1f8649c );}.elementor-10 .elementor-element.elementor-element-81da154 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-10 .elementor-element.elementor-element-81da154 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-1f8649c );}.elementor-10 .elementor-element.elementor-element-81da154.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-6729ae4 );}.elementor-10 .elementor-element.elementor-element-81da154.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-81da154.elementor-view-default .elementor-icon{fill:var( --e-global-color-6729ae4 );color:var( --e-global-color-6729ae4 );border-color:var( --e-global-color-6729ae4 );}.elementor-10 .elementor-element.elementor-element-81da154 .elementor-icon{font-size:19px;}.elementor-10 .elementor-element.elementor-element-81da154 .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-81da154 .elementor-icon-box-title a{font-size:18px;}.elementor-10 .elementor-element.elementor-element-81da154:has(:hover) .elementor-icon-box-title,
					 .elementor-10 .elementor-element.elementor-element-81da154:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-1f8649c );}.elementor-10 .elementor-element.elementor-element-fc4c0bf{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:17px;--grid-column-gap:5px;}.elementor-10 .elementor-element.elementor-element-fc4c0bf .elementor-social-icon{background-color:#FFFFFF00;--icon-padding:0.3em;}.elementor-10 .elementor-element.elementor-element-fc4c0bf .elementor-social-icon i{color:var( --e-global-color-fc0fb2a );}.elementor-10 .elementor-element.elementor-element-fc4c0bf .elementor-social-icon svg{fill:var( --e-global-color-fc0fb2a );}.elementor-10 .elementor-element.elementor-element-fc4c0bf .elementor-social-icon:hover i{color:var( --e-global-color-a8634cb );}.elementor-10 .elementor-element.elementor-element-fc4c0bf .elementor-social-icon:hover svg{fill:var( --e-global-color-a8634cb );}.elementor-10 .elementor-element.elementor-element-b04adb6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(1rem/2);}.elementor-10 .elementor-element.elementor-element-b04adb6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(1rem/2);}.elementor-10 .elementor-element.elementor-element-b04adb6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(1rem/2);}.elementor-10 .elementor-element.elementor-element-b04adb6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-1rem/2);}.elementor-10 .elementor-element.elementor-element-b04adb6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-1rem/2);}.elementor-10 .elementor-element.elementor-element-b04adb6 .elementor-icon-list-icon i{color:var( --e-global-color-fc0fb2a );transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-b04adb6 .elementor-icon-list-icon svg{fill:var( --e-global-color-fc0fb2a );transition:fill 0.3s;}.elementor-10 .elementor-element.elementor-element-b04adb6 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-a8634cb );}.elementor-10 .elementor-element.elementor-element-b04adb6 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-a8634cb );}.elementor-10 .elementor-element.elementor-element-b04adb6{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-10 .elementor-element.elementor-element-b04adb6 .elementor-icon-list-text{color:var( --e-global-color-fc0fb2a );transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-b04adb6 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-a8634cb );}.elementor-10 .elementor-element.elementor-element-e358256 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(1rem/2);}.elementor-10 .elementor-element.elementor-element-e358256 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(1rem/2);}.elementor-10 .elementor-element.elementor-element-e358256 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(1rem/2);}.elementor-10 .elementor-element.elementor-element-e358256 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-1rem/2);}.elementor-10 .elementor-element.elementor-element-e358256 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-1rem/2);}.elementor-10 .elementor-element.elementor-element-e358256 .elementor-icon-list-icon i{color:var( --e-global-color-fc0fb2a );transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-e358256 .elementor-icon-list-icon svg{fill:var( --e-global-color-fc0fb2a );transition:fill 0.3s;}.elementor-10 .elementor-element.elementor-element-e358256 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-a8634cb );}.elementor-10 .elementor-element.elementor-element-e358256 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-a8634cb );}.elementor-10 .elementor-element.elementor-element-e358256{--e-icon-list-icon-size:14px;--icon-vertical-align:flex-start;--icon-vertical-offset:7px;}.elementor-10 .elementor-element.elementor-element-e358256 .elementor-icon-list-text{color:var( --e-global-color-fc0fb2a );transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-e358256 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-a8634cb );}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-51745cc{--e-off-canvas-justify-content:flex-start;--e-off-canvas-width:220px;--e-off-canvas-height:fit-content;--e-off-canvas-content-overflow:initial;}.elementor-10 .elementor-element.elementor-element-b87e62d{--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;}.elementor-10 .elementor-element.elementor-element-87b2ab2{--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-10 .elementor-element.elementor-element-f43db80{--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-10 .elementor-element.elementor-element-6d46ad0{--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-10 .elementor-element.elementor-element-391f6b0{--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-10 .elementor-element.elementor-element-73383ba{--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-10 .elementor-element.elementor-element-784a42f{--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-10 .elementor-element.elementor-element-dad481e{--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-10 .elementor-element.elementor-element-81da154 .elementor-icon-box-wrapper{text-align:center;}.elementor-10 .elementor-element.elementor-element-81da154 .elementor-icon-box-description{font-size:11px;}}/* Start custom CSS for container, class: .elementor-element-87b2ab2 */.elementor-10 .elementor-element.elementor-element-87b2ab2{
    /*width: 90%;*/
    /*top: 10vh;*/
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f43db80 */.elementor-10 .elementor-element.elementor-element-f43db80{
    /*width: 90%;*/
    /*top: 10vh;*/
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d46ad0 */.elementor-10 .elementor-element.elementor-element-6d46ad0{
    /*width: 90%;*/
    /*top: 10vh;*/
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-391f6b0 */.elementor-10 .elementor-element.elementor-element-391f6b0{
    /*width: 90%;*/
    /*top: 10vh;*/
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73383ba */.elementor-10 .elementor-element.elementor-element-73383ba{
    /*width: 90%;*/
    /*top: 10vh;*/
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-784a42f */.elementor-10 .elementor-element.elementor-element-784a42f{
    /*width: 90%;*/
    /*top: 10vh;*/
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dad481e */.elementor-10 .elementor-element.elementor-element-dad481e{
    /*width: 90%;*/
    /*top: 10vh;*/
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-17da18c */.elementor-10 .elementor-element.elementor-element-17da18c h3 {
    margin: 0 0 10px 0;
    line-height: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-81da154 */.elementor-10 .elementor-element.elementor-element-81da154 h3 {
    margin: 0 0 10px 0;
    line-height: 1;
}/* End custom CSS */
/* Start custom CSS *//* پوسته اصلی هدر */
/* ریشه قالب هدر نباید stacking context محدودکننده بسازد */
.ra-header-root {
    position: static !important;
    z-index: auto !important;

    background: transparent !important;
    mix-blend-mode: normal !important;
    isolation: auto !important;

    transform: none !important;
    filter: none !important;
    backdrop-filter: none !important;
}

/* همین عنصر هم Fixed است و هم Blend دارد */
.ra-header-bar {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;

    z-index: 999;
    background: transparent !important;

    mix-blend-mode: difference;
    color: #fff;
}



/*----------------------------*/
/*----------off canvas toggle bars-----*/


/* ==================================================
   Elementor Off-Canvas Animated Toggle
   ================================================== */

#toggle-icon {
    --bar-width: 30px;
    --bar-height: 3px;
    --bar-gap: 8px;

    --bar-color: #fff;
    --hover-color: #fff;
    --active-color: #fff;

    --bg-normal: transparent;
    --bg-hover: transparent;
    --bg-active: transparent;

    position: relative;
    z-index: 9500;

    width: var(--bar-width);
    height: calc(
        (var(--bar-height) * 3) +
        (var(--bar-gap) * 2)
    );
}

.e-off-canvas {
    z-index: 9000 !important;
}
/* Elementor wrappers */

#toggle-icon .elementor-icon-wrapper {
    width: 100%;
    height: 100%;
    line-height: 0;
}

#toggle-icon .elementor-icon {
    position: relative;

    display: block;
    width: 100%;
    height: 100%;

    padding: 0;
    border: 0;

    color: var(--bar-color);
    background-color: var(--bg-normal);

    /*
     * خط وسط
     */
    background-image:
        linear-gradient(currentColor, currentColor);

    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% var(--bar-height);

    cursor: pointer;

    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        background-size 0.25s ease;
}


/* آیکون SVG اصلی Elementor دیگر لازم نیست */

#toggle-icon .e-font-icon-svg {
    display: none !important;
}


/* خطوط بالا و پایین */

#toggle-icon .elementor-icon::before,
#toggle-icon .elementor-icon::after {
    content: "";

    position: absolute;
    left: 0;

    width: 100%;
    height: var(--bar-height);

    background-color: currentColor;
    border-radius: 999px;

    pointer-events: none;

    transform-origin: center;

    transition:
        top 0.3s cubic-bezier(0.65, 0, 0.35, 1),
        transform 0.3s cubic-bezier(0.65, 0, 0.35, 1),
        background-color 0.25s ease;
}


/* خط بالا */

#toggle-icon .elementor-icon::before {
    top: 0;
    transform: rotate(0deg);
}


/* خط پایین */

#toggle-icon .elementor-icon::after {
    top: calc(100% - var(--bar-height));
    transform: rotate(0deg);
}


/* Hover فقط در حالت بسته */

#toggle-icon
.elementor-icon[aria-expanded="false"]:hover {
    color: var(--hover-color);
    background-color: var(--bg-hover);
}


/* ==================================================
   Off-Canvas Open State
   ================================================== */

#toggle-icon
.elementor-icon[aria-expanded="true"] {
    color: var(--active-color);
    background-color: var(--bg-active);

    /*
     * مخفی‌شدن خط وسط
     */
    background-size: 0 var(--bar-height);
}


/* تبدیل خط بالا به نیمه اول × */

#toggle-icon
.elementor-icon[aria-expanded="true"]::before {
    top: 50%;
    transform:
        translateY(-50%)
        rotate(45deg);
}


/* تبدیل خط پایین به نیمه دوم × */

#toggle-icon
.elementor-icon[aria-expanded="true"]::after {
    top: 50%;
    transform:
        translateY(-50%)
        rotate(-45deg);
}


/* دسترسی‌پذیری کیبورد */

#toggle-icon
.elementor-icon:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 6px;
}


/* حالت پایه Overlay */
#off-canvas-51745cc > .e-off-canvas__overlay {
    opacity: 0 !important;
    transition:
        opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
    transition-delay: 0s !important;
    will-change: opacity;
}

/* هنگام بازشدن: کمی بعد از شروع حرکت پنل ظاهر شود */
#off-canvas-51745cc[aria-hidden="false"] > .e-off-canvas__overlay {
    opacity: 1 !important;
    transition-delay: 0.1s !important;
}

/* هنگام بسته‌شدن: بدون تأخیر شروع به محو شدن کند */
#off-canvas-51745cc[aria-hidden="true"] > .e-off-canvas__overlay {
    opacity: 0 !important;
    transition-duration: 0.25s !important;
    transition-delay: 0s !important;
}

/*----------------------------------*/
/*stack cards*/
.ra-cards-stack {
  --effect-range: 520px;
  --max-blur: 3px;
  --min-scale: 0.92;
}

.ra-stack-card {
  position: sticky;
}

.ra-stack-inner {
  --stack-progress: 0;

  transform: scale(
    calc(1 - (var(--stack-progress) * (1 - var(--min-scale))))
  );
  
    opacity: calc(1 - (var(--stack-progress) * 1));


  filter: blur(
    calc(var(--stack-progress) * var(--max-blur))
  );

  transform-origin: center top;
  /*will-change: transform,opacity, filter;*/
}

/*-------------------------------------------*/
/* Industries */
.ra-sync-item {
  --sync-progress: 0;
  --sync-opacity: 0.22;
  
  opacity: var(--sync-opacity);

  transform:
    translateY(calc((1 - var(--sync-progress)) * 36px))
    scale(calc(0.985 + (var(--sync-progress) * 0.015)));

  will-change: opacity, transform;

    min-height: 60vh;
    max-width: 600px;
    flex-direction: column !important;
    justify-content: center;
}

.ra-sync-item:last-child {
	margin-bottom: 5rem
}

.ra-sync-right {
  position: relative;
}

.ra-sync-visual {
    position: sticky;
  --header-height: 90px;
  --visual-height: min(620px, calc(100vh - var(--header-height) - 80px));

  top: calc(
    var(--header-height) +
    ((100vh - var(--header-height) - var(--visual-height)) / 2)
  );

  width: 100%;
  max-width: 500px;
  height: var(--visual-height);
    overflow: hidden;
    border-radius: 24px;

}

.ra-sync-image {
    --image-enter-scale: 1.04;
    --image-hover-scale: 1;
    
    position: absolute;
    inset: 0;
    
    width: 100%;
    height: 100%;
    max-width: none;
    
    object-fit: cover;
    object-position: center center;
    display: block;
    
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    
    filter: grayscale(70%);

    transform:
        scale(var(--image-enter-scale))
        scale(var(--image-hover-scale));

    transition:
        opacity 0.55s ease,
        transform 0.75s ease,
        filter 0.55s ease;
}

.ra-sync-image.is-active {
    --image-enter-scale: 1;

    opacity: 1;
    z-index: 2;
    pointer-events: auto;
}


/* Hover فقط برای دستگاه‌هایی که واقعاً hover دارند */
@media (hover: hover) {
  .ra-sync-visual:hover .ra-sync-image.is-active {
    --image-hover-scale: 1.04;
    filter: grayscale(0%);
  }
}

/* برای جلوگیری از نمایش خالی قبل از اجرای JS */
.ra-sync-image:first-child {
  opacity: 1;
  transform: scale(1);
}

/* وقتی JS فعال شد، کنترل کامل با کلاس is-active باشد */
.ra-scroll-sync.is-ready .ra-sync-image:first-child:not(.is-active) {
  opacity: 0;
  transform: scale(1.04);
}

/* احترام به تنظیمات کاهش حرکت کاربر */
@media (prefers-reduced-motion: reduce) {
  .ra-sync-item,
  .ra-sync-image,
  .ra-sync-image img {
    transition: none;
    transform: none;
  }

  .ra-sync-item {
    opacity: 1;
  }
}

/*----------------------------------------*/
/*-------- industries Mobile ---------*/
@media (max-width: 767px) {
  .ra-mobile-story {
    position: relative;
    padding: 72px 0;
    overflow: hidden;
  }

  .ra-mobile-story-list {
    display: flex;
    flex-direction: column;
  }

  .ra-mobile-story-item {
    --story-progress: 0;

    position: relative;
    display: flex;
    flex-direction: column;

    opacity: calc(0.28 + (var(--story-progress) * 0.72));
    transform:
      translateY(calc((1 - var(--story-progress)) * 28px))
      scale(calc(0.985 + (var(--story-progress) * 0.015)));

    transition:
      opacity 0.55s ease,
      transform 0.65s ease;

    will-change: opacity, transform;
  }

  .ra-mobile-story-image {
    width: 100%;
    aspect-ratio: 4 / 5;
    max-height: 560px;

    border-radius: 0.25rem!important;
    overflow: hidden;

    object-fit: cover;
    object-position: center center;

    filter: grayscale(100%) brightness(0.86);
    transform: scale(0.985);

    transition:
      filter 0.75s ease,
      transform 0.75s ease,
      box-shadow 0.75s ease;

    will-change: filter, transform;
  }

  .ra-mobile-story-item.is-active .ra-mobile-story-image {
    filter: grayscale(0%) brightness(1);
    transform: scale(1);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.18);
  }

  .ra-mobile-story-title {
    opacity: calc(0.55 + (var(--story-progress) * 0.45));
    transform: translateY(calc((1 - var(--story-progress)) * 12px));

    transition:
      opacity 0.55s ease,
      transform 0.65s ease;
  }

  .ra-mobile-story-text {
      text-align-last: center;
    opacity: calc(0.45 + (var(--story-progress) * 0.55));
    transform: translateY(calc((1 - var(--story-progress)) * 16px));

    transition:
      opacity 0.55s ease,
      transform 0.65s ease;
  }

  .ra-mobile-story-item.is-active {
    --story-progress: 1;
  }
}

/*----------------------------------*/

/* ===============================
   RA Pin Mobile Story Cards
   Structure:
   .ra-pin-mobile-story
     .ra-pin-mobile-track
       .ra-pin-mobile-card
         .ra-pin-mobile-image-wrap
           .ra-pin-mobile-image
         .ra-pin-mobile-card-title
         .ra-pin-mobile-card-desc
=============================== */

.ra-pin-mobile-story {
  position: relative;
  direction: rtl;
  overflow: hidden;
}

/* Track: Flexbox افقی + Scroll Snap */
.ra-pin-mobile-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;

  overflow-x: auto;
  overflow-y: hidden;

  padding: 8px 20px 24px;
  scroll-padding-inline: 20px;

  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

/* حذف اسکرول‌بار در Chrome/Safari */
.ra-pin-mobile-track::-webkit-scrollbar {
  display: none;
}

/* Card */
.ra-pin-mobile-card {
  flex: 0 0 84%;
  scroll-snap-align: center;

  border-radius: 0.75rem;
  overflow: hidden;

  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.12);

  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.28);
}

/* Image wrapper */
.ra-pin-mobile-image-wrap {
  width: 100%;
  /*height: 300px;*/
  overflow: hidden;
  /*border-radius: 0.35rem;*/
}

/* Elementor Image Widget wrapper */
.ra-pin-mobile-image,
.ra-pin-mobile-image .elementor-widget-container {
  width: 100%;
  height: 100%;
}

/* Actual img */
.ra-pin-mobile-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ra-pin-mobile-card-desc, .ra-pin-mobile-card-title{
    text-align: justify;
    text-align-last: center;
}

/* نقاط اسکرول افقی */
.ra-pin-mobile-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  margin-top: 14px;
  direction: ltr;
}

.ra-pin-mobile-dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;

  background: rgba(255, 255, 255, 0.32);

  transition:
    width 0.25s ease,
    background 0.25s ease,
    opacity 0.25s ease;
}

.ra-pin-mobile-dot.is-active {
  width: 22px;
  background: #670311;
}

/* =========================================================
   Rayan Arkava - Pinned Scroll Sync Section
   Structure:
   .ra-pin-sync
     .ra-pin-sticky
       .ra-pin-layout
         .ra-pin-visual
           .ra-pin-image-stack
             .ra-pin-image
         .ra-pin-content
           .ra-pin-progress
             .ra-pin-progress-fill
           .ra-pin-text-list
             .ra-pin-item
               .ra-pin-title
               .ra-pin-desc
   ========================================================= */

.ra-pin-sync {
  --ra-bg: #290106;
  --ra-text: #ffffff;
  --ra-muted: rgba(255, 255, 255, 0.62);
  --ra-line: rgba(255, 255, 255, 0.18);
  --ra-accent: #ffffff;

  /*
    ارتفاع کل مسیر اسکرول این سکشن.
    اگر افکت سریع رد می‌شود: 280vh یا 300vh
    اگر زیادی کشدار است: 220vh یا 240vh
  */
    --ra-pin-height: 260vh;

  position: relative;
  min-height: var(--ra-pin-height);
  background: var(--ra-bg);
  color: var(--ra-text);
  direction: rtl;
  overflow: visible;
}

/* مهم: روی این سکشن و والدهای بالاتر overflow:hidden نگذار */
.ra-pin-sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  align-items: center;
  z-index: 1;
}

/* وقتی ادمین‌بار وردپرس فعال است */
body.admin-bar .ra-pin-sticky {
  top: 32px;
  min-height: calc(100vh - 32px);
}

.ra-pin-layout {
  width: min(1200px, calc(100% - 48px));
  min-height: 100vh;
  margin-inline: auto;

  display: grid;
  grid-template-columns: minmax(340px, 0.95fr) minmax(360px, 1.05fr);
  grid-template-areas: "visual content";
  align-items: center;
  gap: clamp(48px, 8vw, 120px);

  /*
    برای اینکه ستون تصویر واقعاً سمت چپ بماند
    و ستون متن سمت راست.
  */
  /*direction: ltr;*/
}

/* =========================
   ستون تصویر - سمت چپ
   ========================= */

.ra-pin-visual {
  grid-area: visual;
  min-height: 72vh;
  display: flex;
  align-items: center;
  justify-content: center;
  direction: rtl;
}

.ra-pin-image-stack {
  width: min(520px, 100%);
  height: min(680px, 74vh);

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(12px, 2vw, 22px);
  align-items: stretch;

  overflow: visible;
}

.ra-pin-image {
  position: relative;
  width: 100%;
  height: 100%;

  opacity: 0;
  transform: translate3d(0, 42px, 0) scale(0.96);
  filter: grayscale(70%);

  transition:
    opacity 0.7s ease,
    transform 0.7s ease,
    filter 0.7s ease;

  will-change: opacity, transform, filter;
}

.ra-pin-sync.is-ready .ra-pin-image {
  opacity: 1;
}


/* اگر ویجت تصویر المنتور wrapper داشته باشد */
.ra-pin-image > .elementor-widget-container,
.ra-pin-image picture {
  width: 100%;
  height: 100%;
}

.ra-pin-image img,
img.ra-pin-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;

  border-radius: 5px;
  overflow: hidden;
}
/* اختلاف ارتفاع نرم بین سه عکس */
.ra-pin-image:nth-child(1) {
  transform: translate3d(0, 34px, 0) scale(0.96);
}

.ra-pin-image:nth-child(2) {
  transform: translate3d(0, -18px, 0) scale(0.98);
}

.ra-pin-image:nth-child(3) {
  transform: translate3d(0, 58px, 0) scale(0.96);
}

/*
  با تغییر آیتم فعال، کل گروه عکس کمی تغییر حس می‌دهد
  ولی عکس‌ها دیگر یکی‌یکی جایگزین نمی‌شوند.
*/
.ra-pin-sync.is-step-0 .ra-pin-image:nth-child(1),
.ra-pin-sync.is-step-1 .ra-pin-image:nth-child(2),
.ra-pin-sync.is-step-2 .ra-pin-image:nth-child(3) {
  filter: grayscale(0%);
  transform: translate3d(0, 0, 0) scale(1);
}

.ra-pin-sync.is-step-0 .ra-pin-image:nth-child(2),
.ra-pin-sync.is-step-0 .ra-pin-image:nth-child(3),
.ra-pin-sync.is-step-1 .ra-pin-image:nth-child(1),
.ra-pin-sync.is-step-1 .ra-pin-image:nth-child(3),
.ra-pin-sync.is-step-2 .ra-pin-image:nth-child(1),
.ra-pin-sync.is-step-2 .ra-pin-image:nth-child(2) {
  opacity: 0.72;
}

/* =========================
   ستون متن - سمت راست
   ========================= */

.ra-pin-content {
  grid-area: content;
  position: relative;

  min-height: min(620px, 68vh);
  display: flex;
  align-items: center;

  direction: rtl;
  text-align: right;

  /*
    چون نوار پیشرفت سمت راست متن‌هاست،
    این padding فاصله متن از خط را می‌سازد.
  */
  padding-right: 42px;
}

/* نوار خاکستری ثابت */
.ra-pin-progress {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;

padding: 0!important;
  width: 2px;
  background: var(--ra-line);
  overflow: hidden;
}

/* نوار پرشونده */
.ra-pin-progress-fill {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0px!important;

  background: var(--ra-accent);
  transform: scaleY(0);
  transform-origin: top center;
  will-change: transform;
}

.ra-pin-text-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(42px, 7vh, 82px);
}

/*
  opacity و shift را JS به‌صورت نرم با CSS variable کنترل می‌کند.
*/
.ra-pin-item {
  opacity: var(--ra-item-opacity, 0.22);
  transform: translate3d(calc(var(--ra-item-shift, 16px) * -1), 0, 0);
  filter: blur(var(--ra-item-blur, 0.4px));

  transition:
    opacity 0.18s linear,
    transform 0.18s linear,
    filter 0.18s linear;

  will-change: opacity, transform, filter;
}

.ra-pin-item.is-active {
  --ra-item-opacity: 1;
  --ra-item-shift: 0px;
  --ra-item-blur: 0px;
}

.ra-pin-title,
.ra-pin-title .elementor-heading-title {
  margin: 0 0 12px;
  color: var(--ra-text);

  font-size: clamp(32px, 4vw, 58px);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.03em;
}

.ra-pin-desc,
.ra-pin-desc p {
  margin: 0;
  max-width: 560px;

  color: var(--ra-muted);
  font-size: clamp(15px, 1.16vw, 18px);
  line-height: 1.9;
}

/* =========================
   حالت آماده‌سازی
   ========================= */

.ra-pin-sync:not(.is-ready) .ra-pin-item:first-child {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: blur(0);
}

.ra-pin-sync:not(.is-ready) .ra-pin-image:first-child {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0) grayscale(0%);
}


/*-------------------------------------------*/
/*فرم تماس - https://codepen.io/ainalem/pen/GRqPwoz*/
.cut {
  background-color: #ffffff00;
  height: 20px;
  right: 12px;
  position: absolute;
  top: -20px;
  transform: translateY(0);
  transition: transform 200ms;
}
.cut-1 {
    width: 92.24px;
}
.cut-2 {
    width: 68.767px;
}
.cut-3 {
    width: 39.14px;
}
.cut-4 {
    width: 51.98px;
}
.input:focus ~ .cut,
.input:not(:placeholder-shown) ~ .cut {
  transform: translateY(9px);
    background-color: #ffffff;
}

.placeholder {
    color: #65657b;
  right: 20px;
  line-height: 14px;
  pointer-events: none;
  position: absolute;
  transform-origin: 100% 0;
  transition: transform 200ms, color 200ms;
  top: 10px;
}

.input:focus ~ .placeholder,
.input:not(:placeholder-shown) ~ .placeholder {
  transform: translateY(-16px) translateX(0px) scale(0.75);
}


.input:focus ~ .placeholder {
  color: #730611;
}

.input {
  box-sizing: border-box;
  font-size: 18px;
  height: 100%;
  outline: 0;
  padding: 4px 20px 0;
  width: 100%;
}

.contact-form input[type="file"]::file-body.elementor-page-10-button {
    font-weight: 100;
    color: #000000;
    padding-block-start: 0.25rem;
    padding-block-end: 0.25rem;
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
    border-radius: 2px;
    border-width: 1px;
    border-color: #00000033;
    border-style: solid;
    background-color: #ffffff;
	transition: color 500ms;

}
.contact-form input[type="file"]::file-body.elementor-page-10-button:hover {
	color: #ffffff;
    background-color: #730611;
	cursor: pointer;
}

/*-------------------------------------------*/
/*box hover - https://codepen.io/Eslam_Refa3y/pen/pozLbjw*/
.box-hover {
    /*position: absolute;*/
    transition: 0.5s;
    overflow: hidden;
}
.box-hover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 1px solid #A36770;
    border-left: 1px solid #A36770;
    opacity: 0;
    transition: 0.5s;
    box-sizing: border-box;
}
.box-hover:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 1px solid #A36770;
    border-right: 1px solid #A36770;
    opacity: 0;
    transition: 0.5s;
    box-sizing: border-box;
}
.box-hover:hover:before,
.box-hover:hover:after {
    width: 100%;
    height: 100%;
    opacity: 1;
}

.box-hover .box-hover-ray {
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;
    background: #A3677033;
    transition: 1s;
    transform: skewX(10deg);
}
.box-hover:hover .box-hover-ray {
    transition-delay: 0.2s;
    transform: skewX(10deg) translateX(440%);
}

.box-hover:hover .elementor-icon {
    fill: #730611!important;
}

/*-------------------------------------------*/
/* background effect*/

/* کانتینر اصلی افکت */
.ra-noise-section {
    --ra-dot-size: 15px;

    position: relative;
    isolation: isolate;
    overflow: clip;

    background-color: #0f0f0f;
}

/* لایه متحرک پس‌زمینه */
.ra-noise-section::before {
    content: "";

    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    z-index: 0;
    pointer-events: none;

    background:
        conic-gradient(
            from 180deg at 50% 70%,
            #fafafa 0deg,
            #67031170 72deg,
            #85354070 144deg,
            #c29a9f70 216deg,
            #03675970 288deg,
            #fafafa 360deg
        );

    /* Chrome و Safari */
    -webkit-mask-image:
        radial-gradient(
            circle at 50% 50%,
            #fff 2px,
            transparent 2.5px
        ),
        url("https://rayanarkava.com/wp-content/uploads/2026/07/noise-mask.webp");

    -webkit-mask-position:
        50% 50%,
        256px 50%;

    -webkit-mask-size:
        var(--ra-dot-size) var(--ra-dot-size),
        256px 256px;

    -webkit-mask-repeat:
        repeat,
        repeat;

    -webkit-mask-composite: source-in;

    /* نسخه استاندارد */
    mask-image:
        radial-gradient(
            circle at 50% 50%,
            #fff 2px,
            transparent 2.5px
        ),
        url("https://rayanarkava.com/wp-content/uploads/2026/07/noise-mask.webp");

    mask-position:
        50% 50%,
        256px 50%;

    mask-size:
        var(--ra-dot-size) var(--ra-dot-size),
        256px 256px;

    mask-repeat:
        repeat,
        repeat;

    mask-composite: intersect;

    animation: ra-noise-flicker 20s linear infinite;
}

/* تمام محتوای داخل سکشن بالاتر از افکت قرار می‌گیرد */
.ra-noise-section > * {
    position: relative;
    z-index: 1;
}

@keyframes ra-noise-flicker {
    to {
        -webkit-mask-position:
            50% 50%,
            0 50%;

        mask-position:
            50% 50%,
            0 50%;
    }
}

/* غیرفعال شدن حرکت برای کاربرانی که کاهش حرکت را فعال کرده‌اند */
@media (prefers-reduced-motion: reduce) {
    .ra-noise-section::before {
        animation: none;
    }
}


/*-------------------------------------------*/

/*
 * Animated SVG Circuit Board background for Elementor
 * Source adapted from “Animated SVG Circuit Board Hero Experiment” by PickJBennett.
 * Original license: MIT (see accompanying LICENSE.txt).
 *
 * Elementor classes:
 *   Main section/container: ra-circuit-board
 *   Inner content container: ra-circuit-board__content
 */

.ra-circuit-board {
    
    position: relative;
    isolation: isolate;
    overflow: clip;
    
    background-color: #f4eeee;
    
    background-blend-mode: multiply;
        background-image:
        url("/wp-content/uploads/circuit/ra-circuit-texture-transparent.webp");
    background-size: 25rem 25rem;
    background-repeat: repeat;
}

.ra-circuit-board::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    background-image:
        url("https://rayanarkava.com/wp-content/uploads/circuit/ra-circuit-lines-brand-red.svg");
    background-size: 75rem 50rem;
    background-position: left top;
    background-repeat: repeat;
}

.ra-circuit-board__content {
    position: relative;
    z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
    .ra-circuit-board::before {
        /* The animation lives inside the embedded SVG and cannot be paused
           from the parent document, so hide it for reduced-motion users. */
        display: none;
    }
}


/*-------------------------------------------*/

/* ==================================================
   Arkava Interactive Network Pattern
   ================================================== */

.ra-network-glow {
    /* آدرس فایل SVG آپلودشده در وردپرس */
    --ra-pattern-image:
        url("https://rayanarkava.com/wp-content/uploads/circuit/ra-circuit-glow-036759.svg");

    /* اندازه هر واحد تکرارشونده پترن */
    /*--ra-pattern-width: 160px;*/
    /*--ra-pattern-height: 110px;*/
    --ra-pattern-width: 304px;
    --ra-pattern-height: 304px;
    /* میزان دیده‌شدن پترن در حالت عادی */
    --ra-pattern-base-opacity: 0.08;

    /* روشنایی پترن زیر موس */
    --ra-pattern-active-opacity: 0.50;

    /* شعاع محدوده روشن اطراف موس */
    --ra-spotlight-size: 100px;

    /* موقعیت اولیه افکت */
    --ra-mouse-x: 50%;
    --ra-mouse-y: 50%;

    position: relative;
    isolation: isolate;
}

/* پترن ثابت و بسیار کم‌رنگ */
.ra-network-glow::before,
.ra-network-glow::after {
    content: "";
    position: absolute;
    inset: 0;

    background-image: var(--ra-pattern-image);
    background-repeat: repeat;
    background-size:
        var(--ra-pattern-width)
        var(--ra-pattern-height);
    background-position: center top;

    border-radius: inherit;

    /*
     * لایه بکگراند نباید جلوی کلیک روی
     * لینک، دکمه یا فرم را بگیرد.
     */
    pointer-events: none;

    /*
     * داخل stacking context سکشن باقی می‌ماند
     * و پشت محتوای اصلی قرار می‌گیرد.
     */
    z-index: -1;
}

/* پترن دائمی و کم‌رنگ */
.ra-network-glow::before {
    opacity: var(--ra-pattern-base-opacity);
}

/* نسخه روشن پترن که فقط زیر موس دیده می‌شود */
.ra-network-glow::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: -1;

    opacity: 0;

    background-image:
        radial-gradient(
            circle 300px at var(--ra-glow-x) var(--ra-glow-y),
            rgba(118, 185, 255, 0.16) 0%,
            rgba(118, 185, 255, 0.09) 18%,
            rgba(118, 185, 255, 0.045) 36%,
            rgba(118, 185, 255, 0.015) 56%,
            transparent 78%
        ),
        var(--ra-pattern-image);

    background-repeat: no-repeat, repeat;
    background-size:
        100% 100%,
        var(--ra-pattern-width) var(--ra-pattern-height);
    background-position:
        center,
        center top;

    mix-blend-mode: screen;
    filter: brightness(1.35) saturate(1.08) blur(0.4px);

    -webkit-mask-image:
        radial-gradient(
            circle 50px at var(--ra-glow-x) var(--ra-glow-y),
            rgba(0, 0, 0, 0.98) 0%,
            rgba(0, 0, 0, 0.82) 24%,
            rgba(0, 0, 0, 0.58) 46%,
            rgba(0, 0, 0, 0.24) 68%,
            transparent 100%
        );

    mask-image:
        radial-gradient(
            circle 50px at var(--ra-glow-x) var(--ra-glow-y),
            rgba(0, 0, 0, 0.98) 0%,
            rgba(0, 0, 0, 0.82) 24%,
            rgba(0, 0, 0, 0.58) 46%,
            rgba(0, 0, 0, 0.24) 68%,
            transparent 100%
        );

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    transition: opacity 320ms ease;
}

.ra-network-glow.is-ra-glow-active::after {
    opacity: var(--ra-pattern-active-opacity);
}
/*
 * در موبایل و دستگاه‌های لمسی،
 * پترن ثابت باقی می‌ماند ولی افکت تعقیب موس اجرا نمی‌شود.
 */
@media (hover: none), (pointer: coarse) {
    .ra-network-glow::after {
        display: none;
    }
}/* End custom CSS */